:root{--navy:#363f72;--navy-dark:#252d52;--blue-muted:#767f9e;--surface:#f4f5f9;--ink:#292e41}
.dashboard-theme{background:var(--surface);color:var(--ink)}.dashboard-theme .management .sidebar{background:var(--navy-dark);color:white;border:0}.dashboard-theme .sidebar .brandmark{background:#ffffff19;color:white}.dashboard-theme .sidebar .eyebrow,.dashboard-theme .sidebar-bottom{color:#b9bfd6}.dashboard-theme .sidebar .nav button{color:#d7daea;border-radius:10px;font-size:14px;padding:13px 18px}.dashboard-theme .sidebar .nav button.active{background:#ffffff16;color:white;border-left:3px solid #c3caed}.dashboard-theme .main{max-width:1420px;padding:28px 42px}.dashboard-theme .card{border:1px solid #e9ebf2;border-radius:18px;box-shadow:0 3px 16px #232c451f;margin-top:20px;padding:24px}.dashboard-theme .topbar{flex-wrap:wrap;gap:10px;border-bottom:1px solid #e4e7f0;padding-bottom:18px;margin-bottom:28px}.dashboard-theme .topbar select{width:auto;max-width:140px;padding:6px;font-size:12px}.dashboard-theme .pagehead{margin-bottom:26px}.dashboard-theme .pagehead h1{font-size:28px}.dashboard-theme .pagehead p{color:#7b8095}.dashboard-theme .primary,.reference-app .primary{background:var(--navy);color:white}.dashboard-theme .secondary{border-color:#dfe3ee;color:var(--navy)}.dashboard-theme .role .active,.dashboard-theme .teacher-tabs button.active{background:var(--navy);color:white}.ds-dashboard{--text:#282f49;--muted:#858b9d;color:var(--text)}.ds-top{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(110deg,#363f72,#555e92);border-radius:20px;padding:30px;color:white;margin-bottom:24px}.ds-top h2{font-size:24px;letter-spacing:0;margin:9px 0}.ds-top p{font-size:13px;color:#d6daee;margin:0}.ds-top .eyebrow{color:#c2c9e7;font-size:10px;letter-spacing:2px}.ds-top .secondary{color:white;border-color:#ffffff50;background:#ffffff0c;white-space:nowrap}.ds-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0;flex-wrap:wrap}.ds-toolbar>select{width:auto;min-width:160px}.ds-segment{display:flex;background:#eaecf4;padding:4px;border-radius:11px;gap:3px}.ds-segment button{padding:10px 18px;border-radius:8px;font-size:14px;color:#646d8c;white-space:nowrap}.ds-segment button.active{background:var(--navy);color:white;box-shadow:0 3px 6px #353e7219}.ds-source{display:flex;align-items:center;gap:12px;background:#edf3f2;padding:13px 18px;border:1px solid #dbe7e4;border-radius:12px;font-size:12px;margin:16px 0}.ds-source strong{color:#49756a;font-weight:600;margin-right:15px}.ds-source span{color:#62756f;line-height:1.7}.ds-source.reference{background:#f7f2e8;border-color:#e9ddc5}.ds-source.reference strong,.ds-source.reference span{color:#886939}.ds-live-dot{width:7px;height:7px;border-radius:50%;background:#76a398;flex-shrink:0}.ds-period{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.ds-period input,.ds-period select{width:auto;max-width:100%;font-size:13px;background:white}.ds-period label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}.ds-period small{font-size:12px;color:#81879a}.ds-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.ds-kpis.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-kpi{padding:24px;background:#fff;border:1px solid #eaedf3;border-radius:16px;min-width:0;display:flex;flex-direction:column;justify-content:center}.ds-kpi>span{font-size:13px;color:#80869a;margin-bottom:12px}.ds-kpi>strong{font-size:27px;font-weight:650;letter-spacing:-.7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ds-kpi>small{font-size:11px;color:#9398a7;line-height:1.7;margin-top:10px}.ds-kpi.featured{background:#e9edf8;border-color:#e0e5f2}.ds-kpi.featured>strong{color:var(--navy)}.ds-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.ds-grid>.card{margin-top:0;min-width:0}.ds-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ds-mini-grid .ds-kpi{border:0;padding:15px 4px;background:none}.ds-mini-grid .ds-kpi strong{font-size:26px}.ds-mini-grid .ds-kpi span{font-size:12px}.ds-panel-foot{border-top:1px solid #edf0f5;padding-top:16px;margin-top:12px}.ds-reconcile>div{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid #eff1f6;font-size:14px}.ds-reconcile b{font-variant-numeric:tabular-nums}.ds-reconcile .total{font-size:16px;color:var(--navy)}.ds-reconcile .warn{color:#a16936}.ds-warning{background:#faf1e5;padding:14px;border-radius:10px;color:#936b3f;font-size:12px;line-height:1.8}.ds-bar-row{margin:25px 0}.ds-bar-row>div:first-child{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:12px}.ds-bar-row span{flex:1}.ds-bar-row small{color:#9298a7;min-width:44px;text-align:right}.ds-dot{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:10px}.ds-track{height:7px;background:#f0f2f7;border-radius:5px;overflow:hidden}.ds-track i{display:block;height:100%;border-radius:5px}.c0{background:#7074cd}.c1{background:#62a8c0}.c2{background:#79b79f}.c3{background:#b5ba79}.ds-alert-links>button,.ds-alert-links>div{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;width:100%;padding:19px 0;border-bottom:1px solid #eceef5;font-size:14px}.ds-alert-links b{font-weight:500;color:var(--navy)}.ds-empty{min-height:165px;padding:25px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9198aa;gap:12px;font-size:13px}.ds-empty-icon{font-size:35px;color:#b2bad2}.ds-empty h3{color:#727d99}.ds-trend{height:220px;display:flex;gap:12px;padding-top:20px}.ds-trend-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.ds-trend-col>span{font-size:10px;white-space:nowrap;color:#767f98}.ds-trend-col>div{width:100%;flex:1;display:flex;align-items:flex-end;border-bottom:1px solid #dce1ef;background:repeating-linear-gradient(to top,transparent,transparent 39px,#f1f3f8 40px)}.ds-trend-col i{background:linear-gradient(#838bc0,#596491);width:60%;margin:0 auto;border-radius:5px 5px 0 0;min-width:8px}.ds-trend-col small{font-size:10px;color:#8a91a2}.ds-baseline{background:#f6f2ea;border-radius:12px;padding:18px;display:grid;gap:8px;margin-top:20px}.ds-baseline span{font-size:12px;color:#88795f}.ds-baseline b{font-size:23px}.ds-baseline small{line-height:1.8;color:#8c826f}.ds-formula{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:15px 0}.ds-formula span{padding:14px 18px;background:#eef0f8;border-radius:10px;color:var(--navy);font-size:13px}.ds-mobile-menu{display:none}.ds-week{display:grid;grid-template-columns:24px repeat(7,minmax(0,1fr)) 24px;gap:5px;margin:20px 0}.ds-week button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px 0;color:#6f7690;border-radius:15px}.ds-week button b{font-size:21px;font-weight:500}.ds-week button small{font-size:12px}.ds-week .active{background:var(--navy);color:white}.ds-legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:20px 0;font-size:12px;color:#858a9a}.ds-legend span{display:flex;align-items:center;gap:6px}.ds-legend i{width:12px;height:12px;border-radius:3px}.ds-calendar-scroll{overflow:auto;background:white;border:1px solid #e4e8f1;border-radius:15px}.ds-calendar{display:grid;grid-template-columns:65px repeat(var(--cols),minmax(150px,1fr));min-width:calc(65px + var(--cols)*150px)}.ds-calendar-corner{display:grid;place-items:center;font-size:10px;color:#9aa0b1}.ds-coach-head{height:100px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;border-left:1px solid #eceef3;font-size:14px}.ds-coach-head span,.ds-coach-circle{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e6eaf4;color:var(--navy);font-size:18px}.ds-time-axis{position:relative;color:#9ba1ae;font-size:11px}.ds-time-axis>span{position:absolute;left:8px;transform:translateY(-50%)}.ds-teacher-track{position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#f1f3f7 38px,transparent 39px,transparent 75px,#e7eaf1 76px);border-left:1px solid #e8ebf2}.ds-calendar-event{position:absolute;border-radius:6px;text-align:left;padding:7px 9px;overflow:hidden;display:flex;flex-direction:column;gap:3px;border-left:3px solid #d9ab85;color:#645645;z-index:1}.ds-calendar-event b{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-calendar-event small{font-size:10px;white-space:nowrap}.ds-calendar-event.group{border-color:#79bbd3;color:#345f73}.ds-calendar-event.rest{border-color:#c1c6d1;color:#777f8a}.private{background:#fcf0e4}.group{background:#e5f3fa}.rest{background:#f0f1f4}.ds-event-list{padding:18px;display:flex;gap:16px;border-radius:12px;margin:10px 0;width:100%;text-align:left;align-items:center}.ds-event-list small{margin-left:auto;color:#838b9d}.ds-member-hero{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;background:linear-gradient(#363f72,#292f53);color:white;padding:26px 15px 65px;border-radius:0 0 30px 30px;margin:-18px -18px 0}.ds-member-hero>div{display:flex;flex-direction:column;gap:10px;align-items:center}.ds-member-hero b{font-size:30px;font-weight:400}.ds-member-hero small{font-size:12px;color:#d7daeb}.ds-member-hero h2{font-size:22px}.ds-member-hero .member-avatar{width:75px;height:75px;background:#6b759e;color:white}.ds-month-personal{margin-top:-36px!important;position:relative}.ds-personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 8px;padding:20px 0 10px}.ds-personal-grid button{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;padding:8px 0}.ds-personal-grid svg{width:30px;height:30px;color:var(--navy)}.ds-personal-grid strong{font-size:13px;font-weight:500}.ds-personal-grid small{font-size:11px;color:#a1a4b1}.ds-course-switch{display:flex;justify-content:center;gap:0;margin-bottom:22px}.ds-course-switch button{border:1px solid var(--navy);padding:10px 25px;color:var(--navy);font-size:15px}.ds-course-switch button:first-child{border-radius:8px 0 0 8px}.ds-course-switch button:last-child{border-radius:0 8px 8px 0}.ds-course-switch .active{background:var(--navy);color:white}.ds-course-card{background:linear-gradient(130deg,#e9ecf6,#fdfdff);border:1px solid #e1e5f0;border-radius:16px;padding:22px;margin:18px 0}.ds-course-card h3{margin:16px 0 10px;font-size:20px}.ds-course-card p{font-size:13px;color:#727d96}.ds-course-time{font-size:23px;font-weight:500;color:var(--navy)}.ds-course-card .primary{margin-top:15px;width:100%}.reference-app .reference-header{background:var(--navy)}.reference-app .card{border-radius:18px}.reference-bottom button.active{color:var(--navy)}.reference-app{background:#f3f4f7}.reference-app .reference-content.inner{padding:18px}.reference-notice{padding-bottom:90px}
@media(min-width:1100px){.ds-kpi>strong{font-size:30px}}@media(max-width:1100px){.ds-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid{grid-template-columns:1fr}.dashboard-theme .main{padding:24px}.ds-top h2{font-size:21px}}@media(max-width:760px){.dashboard-theme .main{padding:16px}.dashboard-theme .pagehead h1{font-size:23px}.dashboard-theme .topbar{gap:9px}.dashboard-theme .topbar>label{font-size:10px}.dashboard-theme .topbar>label select{max-width:95px}.dashboard-theme .card{padding:18px;box-shadow:none}.dashboard-theme .management .sidebar{display:none;position:fixed;inset:0 auto 0 0;z-index:100;width:230px;padding-top:65px;overflow-y:auto}.dashboard-theme .management.menu-open .sidebar{display:block;box-shadow:230px 0 0 100vw #11162b77}.ds-mobile-menu{display:block;position:relative;z-index:101;background:#eef0f7;border-radius:8px;width:36px;height:36px;color:var(--navy)}.ds-top{padding:23px;display:block}.ds-top .secondary{margin-top:20px}.ds-top h2{font-size:20px}.ds-kpis,.ds-kpis.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ds-kpi{padding:18px 13px;border-radius:12px}.ds-kpi>strong{font-size:24px}.ds-kpi>span{font-size:12px}.ds-kpi>small{font-size:10px}.ds-toolbar{gap:10px}.ds-segment button{padding:9px 13px;font-size:13px}.ds-source div{display:flex;flex-direction:column;gap:2px}.ds-mini-grid{gap:5px}.ds-mini-grid .ds-kpi strong{font-size:23px}.ds-mini-grid .ds-kpi span{font-size:11px}.ds-mini-grid .ds-kpi{padding:12px 3px}.ds-period{gap:9px}.ds-period label{font-size:12px}.ds-period input{max-width:160px}.ds-period select{max-width:160px}.ds-period>small{width:100%}.ds-week{gap:2px;grid-template-columns:18px repeat(7,minmax(0,1fr)) 18px}.ds-week button b{font-size:18px}.ds-week button small{font-size:10px}.ds-event-list{flex-wrap:wrap;gap:9px}.ds-event-list small{width:100%;margin:0}.ds-calendar{grid-template-columns:52px repeat(var(--cols),minmax(138px,1fr));min-width:calc(52px + var(--cols)*138px)}.ds-trend{gap:6px}.ds-trend-col span{font-size:9px}.ds-reconcile{font-size:12px}.ds-formula{gap:8px}.ds-formula span{padding:12px;font-size:12px}}
@media print{.ds-toolbar,.ds-period,.ds-top button,.ds-mobile-menu{display:none!important}.ds-grid{display:block}.ds-kpis{grid-template-columns:repeat(4,1fr)}.ds-kpi,.card{break-inside:avoid}.ds-source{display:flex!important}}
@media(max-width:760px){.dashboard-theme .management{display:block}.dashboard-theme .management .main{margin-left:0;width:100%;min-width:0}.dashboard-theme .mobile-menu-button{display:inline-block;border:1px solid #dce1ea;padding:8px 12px}.dashboard-theme .management.menu-open .sidebar{transform:none;box-shadow:none}.dashboard-theme .management .sidebar .drawer-close{display:block;color:white;padding:8px;margin-bottom:16px}.dashboard-theme .management.menu-open .drawer-shade{display:block;position:fixed;inset:0;background:#0006;z-index:90}.dashboard-theme .management .sidebar .nav{display:flex;flex-direction:column;overflow:visible}}