:root{--text:#2b4058;--muted:#7790a7;--soft:#9db0c1;--panel:rgba(255,255,255,0.42);--panel-strong:rgba(255,255,255,0.62);--line:rgba(126,171,194,0.18);--accent:#67d0ec;--accent-2:#82e5cd;--accent-3:#9f91ff;--shadow:0 24px 70px rgba(70,116,152,0.18);--soft-shadow:0 14px 35px rgba(70,116,152,0.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;margin:0;padding-top:14px;color:var(--text);background:radial-gradient(circle at 86% 9%,rgba(75,215,234,.52),transparent 28%),radial-gradient(circle at 82% 88%,rgba(143,236,201,.48),transparent 33%),linear-gradient(135deg,#d4e8fb,#edf8ff 48%,#d7f4e8);overflow-x:hidden}button,input{font:inherit}button{border:0;cursor:pointer}[hidden]{display:none!important}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 42%,#ffffff);outline-offset:3px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}h1,h2,h3,p{margin-top:0}.ambient{position:fixed;border-radius:999px;pointer-events:none;filter:blur(10px)}.ambient-one{width:330px;height:330px;right:6vw;top:-90px;background:rgba(75,214,237,.25)}.ambient-two{width:330px;height:330px;right:8vw;bottom:-120px;background:rgba(120,232,190,.38)}.ambient-three{width:220px;height:220px;left:-70px;bottom:18vh;background:rgba(150,139,255,.12)}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:150px minmax(0,1fr);width:min(1168px,calc(100vw - 72px));min-height:min(660px,calc(100vh - 56px));margin:0;border:1px solid rgba(255,255,255,.58);border-radius:18px;background:rgba(255,255,255,.34);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);overflow:hidden}.side-nav{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-right:1px solid var(--line);background:rgba(255,255,255,.18);scrollbar-width:none}.role-switcher::-webkit-scrollbar,.side-nav::-webkit-scrollbar{display:none}.brand-mark{display:none}.nav-items{display:grid;grid-gap:8px;gap:8px}.nav-item{display:grid;grid-template-columns:22px 1fr;align-items:center;grid-gap:9px;gap:9px;min-height:30px;padding:0 2px;border-radius:10px;color:#6f879e;font-size:12px;text-align:left;background:transparent;transition:color .2s ease,transform .2s ease}.nav-item span{display:grid;place-items:center;width:18px;height:18px;color:#6ac5df;font-size:13px}.nav-item small{font-size:12px}.nav-item.active,.nav-item:hover{color:#314860;transform:translateX(2px)}.nav-item.muted{margin-top:auto}.content-pane{min-width:0;padding:22px 28px 18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.eyebrow{margin:0 0 6px;color:#4c98ae;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}h1{margin:0;font-size:21px;line-height:1.15;color:#2a3f57}.role-switcher{display:flex;gap:6px;max-width:420px;padding:6px;border:1px solid rgba(255,255,255,.56);border-radius:999px;background:rgba(255,255,255,.36);overflow-x:auto;scrollbar-width:none}.role-tab{flex:0 0 auto;min-height:34px;padding:0 14px;border-radius:999px;color:#7890a5;font-size:13px;background:transparent}.role-tab.active{color:#2b4058;background:rgba(255,255,255,.68);box-shadow:0 10px 20px rgba(70,116,152,.11)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:22px;gap:22px}.main-dashboard,.right-panel{min-width:0}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}.workspace-head h2{margin:0 0 7px;font-size:18px;color:#2c435c}.workspace-head p:last-child{margin:0;color:var(--muted);font-size:12px}.mini-profile{display:flex;align-items:center;gap:10px;min-width:190px;padding:8px 10px;border:1px solid rgba(255,255,255,.56);border-radius:15px;background:rgba(255,255,255,.35)}.mini-avatar,.summary-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:14px;color:#ffffff;font-weight:900;background:linear-gradient(145deg,var(--accent),var(--accent-3));box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 22%,transparent)}.mini-profile strong{display:block;font-size:14px}.mini-profile span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.panel,.stats-panel,.summary-card,.todo-panel{border:1px solid rgba(255,255,255,.58);border-radius:12px;background:var(--panel);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.compact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.75fr);grid-gap:12px;gap:12px}.chart-panel{min-height:174px;padding:14px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.panel-title h3,.todo-head h3{margin:0;font-size:14px;color:#2c435c}.panel-title span,.todo-head span{color:#5d9db3;font-size:11px;font-weight:800}.bars{display:grid;grid-template-columns:repeat(7,minmax(20px,1fr));grid-gap:11px;gap:11px;height:122px;padding:8px 0 18px;border-radius:10px;background:linear-gradient(rgba(116,164,188,.12) 1px,transparent 0) 0 0 /100% 38px,rgba(247,252,255,.3)}.bar,.bars{align-items:flex-end}.bar{position:relative;display:flex;justify-content:center;height:100%}.bar:before{content:"";display:block;width:min(34px,86%);height:var(--height);min-height:22px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,rgba(100,207,235,.58),rgba(255,255,255,.5))}.bar:nth-child(6):before{background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 10px 18px color-mix(in srgb,var(--accent) 24%,transparent)}.bar span{position:absolute;bottom:-16px;color:var(--soft);font-size:10px;white-space:nowrap}.side-metrics{display:grid;grid-gap:10px;gap:10px}.mini-stat{min-height:87px;padding:12px}.mini-stat span,.progress-item span,.summary-card span{color:var(--muted);font-size:12px;font-weight:800}.mini-stat strong{display:block;margin-top:5px;color:#2d425a;font-size:20px}.mini-stat small{color:#58b3c9;font-size:11px}.mini-stat svg{display:block;width:100%;height:30px;margin-top:4px}.mini-stat path{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mini-stat path.violet{stroke:var(--accent-3)}.summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:12px 0}.summary-card{display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 13px}.summary-icon{width:32px;height:32px;border-radius:50%;font-size:13px}.summary-card strong{display:block;margin-top:5px;color:#273c54;font-size:17px}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px;gap:12px}.lower-grid .panel{min-height:126px;padding:13px}.activity-list,.progress-list,.todo-list{display:grid;grid-gap:9px;gap:9px}.progress-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.progress-item strong{color:#48657c;font-size:11px}.progress-track{height:7px;border-radius:999px;background:rgba(119,163,188,.14);overflow:hidden}.progress-track i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.activity-item{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:8px;border-radius:11px;background:rgba(255,255,255,.26)}.activity-item>span{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent-3))}.activity-item strong{display:block;overflow:hidden;color:#334a63;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.activity-item p{margin:3px 0 0;color:var(--muted);font-size:11px}.right-panel{display:grid;align-content:start;grid-gap:16px;gap:16px}.stats-panel,.todo-panel{padding:16px;background:rgba(255,255,255,.26)}.todo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.todo-head button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#ffffff;font-size:18px;background:linear-gradient(145deg,var(--accent),var(--accent-3))}.todo-item{display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:9px;gap:9px;align-items:start;color:#526b82;font-size:11px;line-height:1.48}.todo-item input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;margin:2px 0 0;border:1.5px solid rgba(89,164,191,.38);border-radius:5px;background:rgba(255,255,255,.38)}.todo-item input:checked{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.stats-panel{min-height:206px}.donut{display:grid;place-items:center;width:114px;height:114px;margin:12px auto 10px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.82) 0 44%,transparent 45%),conic-gradient(var(--accent) 0 42%,var(--accent-2) 42% 72%,var(--accent-3) 72% 88%,rgba(255,255,255,.5) 88% 100%)}.donut strong{color:#2b4058;font-size:22px}.stat-labels{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.stat-labels span{color:var(--muted);font-size:10px;text-align:center}.module-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.module-head h2{margin:0 0 6px;font-size:20px;color:#2c435c}.module-head p:last-child{margin:0;color:var(--muted);font-size:12px}.module-actions{display:flex;flex:0 0 auto;gap:9px}.module-actions button{min-height:34px;padding:0 13px;font-size:12px}.module-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.module-stat-card{display:flex;align-items:center;gap:10px;min-height:74px;padding:12px;border:1px solid rgba(255,255,255,.58);border-radius:12px;background:var(--panel);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.module-stat-card small{display:block;color:var(--muted);font-size:11px;font-weight:800}.module-stat-card strong{display:block;margin-top:4px;color:#273c54;font-size:20px}.module-stat-card p{margin:3px 0 0;color:var(--soft);font-size:10px}.module-body-grid,.review-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);grid-gap:12px;gap:12px}.calendar-panel,.module-focus-panel,.module-table-panel,.review-detail,.review-list{min-height:318px;padding:14px}.data-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px}.data-table td,.data-table th{padding:12px 10px;border-bottom:1px solid rgba(126,171,194,.13);color:#40576d;font-size:11px;text-align:left;white-space:nowrap}.data-table th{color:#7290a7;font-weight:900;background:rgba(255,255,255,.22)}.data-table td:first-child{max-width:210px;overflow:hidden;color:#2f465f;font-weight:800;text-overflow:ellipsis}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 8px;border-radius:999px;color:#557085;font-size:10px;font-weight:900;background:rgba(255,255,255,.44)}.status-pill.done{color:#348191;background:color-mix(in srgb,var(--accent-2) 25%,#ffffff)}.status-pill.pending{color:#5e83a0;background:color-mix(in srgb,var(--accent) 18%,#ffffff)}.status-pill.warn{color:#9f6d5e;background:rgba(237,169,216,.24)}.side-progress-list{display:grid;grid-gap:13px;gap:13px}.module-note-list{display:grid;grid-gap:6px;gap:6px;margin-top:10px}.module-note-list p{margin:0;padding:7px 9px;border-radius:10px;color:#536d83;font-size:11px;line-height:1.45;background:rgba(255,255,255,.28)}.review-list{display:grid;align-content:start;grid-gap:10px;gap:10px}.review-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.3)}.review-card strong{display:block;color:#2f465f;font-size:12px}.review-card p{margin:4px 0 0;color:var(--muted);font-size:10px}.note-box,.video-link-card{padding:12px;border-radius:12px;color:#48657c;font-size:11px;line-height:1.6;background:rgba(255,255,255,.3)}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:12px 0}.upload-grid span{display:grid;place-items:center;min-height:76px;border:1px dashed rgba(93,157,179,.32);border-radius:12px;color:var(--muted);font-size:12px;font-weight:800;background:rgba(255,255,255,.24)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:10px;gap:10px}.calendar-day{min-height:244px;padding:12px;border-radius:13px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 44%),rgba(255,255,255,.28)}.calendar-day div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.calendar-day strong{color:#2f465f;font-size:13px}.calendar-day span{color:#5d9db3;font-size:11px;font-weight:900}.calendar-day p{margin:0;color:#536d83;font-size:11px;line-height:1.55}.module-side-panel{min-height:270px;padding:12px}.module-mini-chart{min-height:214px;padding:12px}.flow-stack{display:grid;grid-gap:5px;gap:5px;margin-top:4px}.flow-stack span{padding:7px 9px;border-radius:11px;color:#425d74;font-size:11px;font-weight:800;background:rgba(255,255,255,.32)}.flow-stack i{width:2px;height:8px;margin-left:14px;border-radius:999px;background:linear-gradient(var(--accent),var(--accent-2))}.toast{position:fixed;right:24px;bottom:24px;z-index:5;padding:11px 15px;border:1px solid rgba(255,255,255,.68);border-radius:999px;color:#345166;background:rgba(255,255,255,.74);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease}.toast.show{opacity:1;transform:translateY(0)}.theme-backdrop{position:fixed;inset:0;z-index:4;display:grid;place-items:center;padding:24px;background:rgba(210,231,244,.34);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.theme-panel{width:min(520px,100%);max-height:min(680px,calc(100vh - 48px));overflow-y:auto;border:1px solid rgba(255,255,255,.68);border-radius:18px;padding:20px;color:var(--text);background:radial-gradient(circle at 84% 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 36%),rgba(255,255,255,.72);box-shadow:0 28px 80px rgba(55,101,135,.22)}.theme-actions,.theme-panel-head,.theme-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.theme-panel-head{margin-bottom:18px}.theme-panel-head h2{margin:0;font-size:22px}.theme-close{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#5d7488;font-size:22px;background:rgba(255,255,255,.58)}.theme-section{margin-top:16px}.theme-section-title{margin-bottom:10px}.theme-section-title h3{margin:0;font-size:14px}.theme-section-title span{color:#5d9db3;font-size:11px;font-weight:800}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.preset-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-height:58px;padding:10px;border:1px solid rgba(255,255,255,.66);border-radius:14px;color:#41586f;text-align:left;background:rgba(255,255,255,.38);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.preset-card.active,.preset-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 52%,#ffffff);box-shadow:0 14px 28px rgba(70,116,152,.12)}.preset-card strong{font-size:13px}.preset-swatch{display:flex;align-items:center;justify-content:center;width:42px;height:34px;border-radius:14px;background:rgba(255,255,255,.5)}.preset-swatch i{width:14px;height:22px;border-radius:999px}.preset-swatch i:first-child{background:var(--swatch-a)}.preset-swatch i:nth-child(2){margin-left:-4px;background:var(--swatch-b)}.preset-swatch i:nth-child(3){margin-left:-4px;background:var(--swatch-c)}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.color-grid label{display:grid;grid-gap:8px;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.62);border-radius:14px;background:rgba(255,255,255,.36)}.color-grid span{color:var(--muted);font-size:12px;font-weight:800}.color-grid input{width:100%;height:36px;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer}.theme-preview{display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.64);border-radius:16px;background:rgba(255,255,255,.34)}.preview-card{display:flex;align-items:center;gap:12px}.preview-dot{width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,var(--accent),var(--accent-3));box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 22%,transparent)}.preview-card strong{display:block;font-size:14px}.preview-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.preview-progress{height:8px;border-radius:999px;background:rgba(119,163,188,.14);overflow:hidden}.preview-progress i{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.ghost-action,.primary-action,.theme-preview button{min-height:38px;border-radius:12px;font-weight:800}.primary-action,.theme-preview button{color:#ffffff;background:linear-gradient(145deg,var(--accent),var(--accent-2))}.ghost-action{color:#4e6a80;background:rgba(255,255,255,.5)}.theme-actions{margin-top:18px}.theme-actions button{flex:1 1}[data-theme=admin]{--accent:#64cfee;--accent-2:#83e6cd;--accent-3:#9f91ff}[data-theme=director]{--accent:#70d2ed;--accent-2:#83e5bd;--accent-3:#eda9d8}[data-theme=editor]{--accent:#80d7f4;--accent-2:#b5e98a;--accent-3:#9d91ff}@media (max-width:1080px){.app-shell{grid-template-columns:96px minmax(0,1fr);width:min(940px,calc(100vw - 32px))}.side-nav{align-items:center;padding:20px 12px}.nav-item{justify-items:center;gap:3px}.compact-grid,.dashboard-grid,.module-body-grid,.nav-item,.review-grid{grid-template-columns:1fr}.calendar-grid,.module-stat-grid,.side-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:130px}}@media (max-width:760px){.app-shell{display:block;width:min(100vw - 20px,640px);min-height:auto;margin:10px auto;border-radius:18px}.side-nav{flex-direction:row;justify-content:flex-start;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-items{display:flex;flex:0 0 auto}.nav-item{min-width:54px}.content-pane{padding:18px}.module-head,.topbar,.workspace-head{align-items:flex-start;flex-direction:column}.role-switcher{width:100%;max-width:none}.mini-profile{width:100%}.calendar-grid,.lower-grid,.module-stat-grid,.side-metrics,.summary-row{grid-template-columns:1fr}.module-actions{width:100%;flex-wrap:wrap}.module-actions button{flex:1 1}.data-table{display:block;overflow-x:auto}.color-grid,.preset-grid{grid-template-columns:1fr}}