/* One shared UI. Dark is the default; light is an explicit preference. */
:root{color-scheme:dark;--ink:#ededf0;--muted:#a0a1ab;--line:#2b2c33;--bg:#111215;--surface:#191a1f;--hover:#22232a;--soft:#25232e;--accent:#8873b5;--accent-hover:#75609f;--accent-text:#bba7df;--green:#78a882;--yellow:#c6b775;--danger:#ef9292}
:root[data-theme="light"]{color-scheme:light;--ink:#25242d;--muted:#73717e;--line:#e4e3e9;--bg:#f5f5f7;--surface:#ffffff;--hover:#f0eff3;--soft:#f0edf5;--accent:#694184;--accent-hover:#70418d;--accent-text:#694184;--green:#618b62;--yellow:#aa9148;--danger:#b84c54}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.1px;font-weight:550}h2{font-size:20px;letter-spacing:-.5px;font-weight:550}h3{font-weight:550;font-size:15px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}.brandmark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--green);color:white;font-size:32px;font-weight:600;line-height:1;padding-bottom:5px}.logo{display:flex;align-items:center;gap:12px;padding:31px 24px 38px}.logo strong{font-size:24px;letter-spacing:-1px;font-weight:600}.logo strong span{display:block;font-size:10px;font-weight:450;letter-spacing:1.9px;color:var(--muted);margin-top:1px}.workspace{display:flex;min-height:100vh}.workspace[hidden], [hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;z-index:10}.workspace-label{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:600;margin:0 26px 14px}nav{padding:0 13px}nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;margin:3px 0;color:var(--muted);border-radius:8px;font-size:13px}nav a:hover{background:var(--hover)}nav a.active{background:var(--soft);color:var(--accent-text);font-weight:600}nav .nav-divider{height:1px;background:var(--line);margin:19px 13px}nav .nav-count{margin-left:auto;font-size:10px;background:var(--surface);border:1px solid var(--line);padding:2px 5px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:20px 23px}.connection{display:flex;gap:9px;align-items:center;font-size:11px;padding:0 4px 20px}.connection small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;vertical-align:middle}.amber{background:var(--yellow)}.lock-button{background:none;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:10px;padding:10px 4px;width:100%;text-align:left}.user{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:12px}.avatar{border-radius:50%;width:35px;height:35px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.user strong{font-size:12px;font-weight:600}.user small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.user-dot{margin-left:auto;width:5px;height:5px;background:var(--green);border-radius:50%}.main-wrap{margin-left:228px;flex:1;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--surface)}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:12px;color:var(--muted)}.breadcrumb strong{color:var(--muted);font-weight:500}.crumb-slash{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:19px}.search-trigger{background:none;color:var(--muted);display:flex;align-items:center;gap:8px;font-size:11px}.search-trigger kbd{padding:2px 5px;border:1px solid var(--line);border-radius:4px;font-size:9px}.demo-pill{font-size:10px;background:var(--soft);padding:6px 9px;color:var(--muted);border-radius:5px}.icon-button{background:transparent;color:var(--muted);font-size:18px;width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center}.top-actions>.icon-button{border:1px solid var(--line);font-size:12px;width:23px;height:23px}.avatar.small{width:30px;height:30px;font-size:11px}#menu-button{display:none}#content{padding:39px 40px 36px;max-width:1480px;margin:auto;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.page-heading .eyebrow{display:block;margin-bottom:12px}.page-heading p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:9px}.heading-meta{text-align:right;color:var(--muted);font-size:11px;line-height:1.8}.heading-meta strong{font-weight:500;display:block;color:var(--muted)}.primary{background:var(--green);color:white;border-radius:7px;padding:11px 16px;font-size:12px;display:inline-flex;gap:12px;align-items:center;justify-content:center}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--surface);color:var(--muted);border:1px solid var(--line);padding:10px 14px;border-radius:7px;font-size:12px;display:inline-flex;gap:8px;align-items:center}.secondary:hover{background:var(--hover)}.welcome-banner{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:24px}.welcome-banner h2{font-size:19px;margin-bottom:8px}.welcome-banner p{color:var(--muted);font-size:12px;line-height:1.7;max-width:390px}.banner-art{position:absolute;width:180px;height:180px;border:1px solid var(--line);border-radius:50%;right:155px;top:-30px}.banner-art:before,.banner-art:after{content:'';position:absolute;border:1px solid var(--line);border-radius:50%;inset:22px}.banner-art:after{inset:44px}.welcome-banner button{position:relative;z-index:1;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:34px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:19px 20px}.stat-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.stat-label svg{width:17px;height:17px;color:var(--muted)}.stat-value{display:flex;align-items:baseline;gap:9px;margin:14px 0 11px}.stat-value strong{font-size:29px;font-weight:500;letter-spacing:-1px}.stat-value span{font-size:10px;color:var(--muted)}.stat-foot{font-size:10px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:16px;letter-spacing:-.3px}.section-heading span{color:var(--muted);font-size:11px}.text-button{background:transparent;color:var(--muted);font-size:11px;padding:4px 0;display:flex;gap:7px;align-items:center}.applets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:31px}.applet{padding:20px 21px;border:1px solid var(--line);border-radius:9px;background:var(--surface);display:block;text-align:left;transition:transform .15s,border-color .15s}.applet:hover{border-color:var(--accent);transform:translateY(-2px)}.applet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.app-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--soft);color:var(--accent-text)}.app-icon.blue{background:var(--soft);color:var(--muted)}.app-icon.pink{background:var(--soft);color:var(--muted)}.app-icon.purple{background:var(--soft);color:var(--accent-text)}.app-icon.yellow{background:var(--soft);color:var(--yellow)}.app-icon.gray{background:var(--soft);color:var(--muted)}.applet-arrow{color:var(--muted);font-size:17px}.applet h3{margin-bottom:7px}.applet p{font-size:11px;line-height:1.65;color:var(--muted)}.applet-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;color:var(--muted)}.badge{display:inline-block;font-size:9px;padding:4px 7px;border-radius:4px;background:var(--soft);color:var(--muted);white-space:nowrap}.badge.amber{background:var(--soft);color:var(--muted)}.badge.gray{background:var(--hover);color:var(--muted)}.lower-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.panel{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:21px}.activity-row{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.activity-row:last-child{border-bottom:0;padding-bottom:0}.mini-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--hover);border-radius:7px;color:var(--muted);flex-shrink:0}.mini-icon svg{width:15px;height:15px}.activity-row strong{display:block;font-size:11px;font-weight:500}.activity-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.activity-row time{margin-left:auto;font-size:9px;color:var(--muted);white-space:nowrap}.schedule-row{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.schedule-row:last-child{border:0;padding-bottom:0}.schedule-time{font-size:11px;width:37px;color:var(--muted)}.schedule-row strong{font-size:11px;font-weight:500}.schedule-row small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.schedule-line{width:3px;background:var(--accent);border-radius:2px}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:0 40px 25px;max-width:1480px;margin:auto;font-size:9px;color:var(--muted)}.app-footer .dot{margin-right:6px;width:5px;height:5px}.table-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.table-toolbar{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.table-toolbar input{width:270px;padding:9px 12px;font-size:12px}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--surface);color:var(--muted);font-size:10px;font-weight:500;padding:15px 20px}td{padding:20px;font-size:12px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}td button{background:none;color:var(--muted);font-size:12px}.table-scroll{overflow:auto}.empty-state{padding:65px 25px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:10px}.empty-state .app-icon{margin:0 auto 18px}.empty-state p{color:var(--muted);margin:12px auto 22px;line-height:1.8;max-width:420px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.detail-row:last-child{border:0}.detail-row span{color:var(--muted)}.notice{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.7;padding:15px 18px;border-radius:8px;margin-bottom:24px}.lockscreen{min-height:100vh;background:var(--bg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:90px 20px}.lock-brand{position:absolute;top:35px;left:45px;display:flex;gap:12px;align-items:center}.lock-brand strong{font-size:24px;letter-spacing:-1px}.lock-brand strong span{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:9px}.lock-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:40px 45px;width:430px;box-shadow:0 20px 70px #00000020}.lock-symbol{display:flex;justify-content:center;align-items:center;width:45px;height:45px;background:var(--soft);border-radius:12px;margin-bottom:26px;color:var(--muted)}.lock-card .eyebrow{font-size:9px;letter-spacing:1.5px}.lock-card h1{font-size:30px;margin-top:12px;letter-spacing:-1px}.lock-card>p{font-size:13px;line-height:1.85;margin:12px 0 28px;color:var(--muted)}.lock-card label{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}#sip{width:100%;height:55px;text-align:center;letter-spacing:12px;font-size:24px;padding-left:24px}.hint{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.6}.error{font-size:11px;color:var(--danger);line-height:1.6;margin-top:8px;min-height:0}.unlock-button{width:100%;height:45px;justify-content:space-between;margin-top:21px}.lock-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:21px;margin-top:25px;display:flex;gap:8px;align-items:center}.lock-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:650px;height:650px;left:-320px;bottom:-380px}.orbit-two{width:800px;height:800px;right:-440px;top:-340px;left:auto;bottom:auto}.lock-orbit:after{content:'';position:absolute;inset:55px;border:1px solid var(--line);border-radius:50%}.lock-footer{position:absolute;bottom:28px;left:45px;right:45px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;padding:27px;width:min(510px,calc(100vw - 32px));color:var(--ink);box-shadow:0 20px 80px #00000044}dialog::backdrop{background:#00000088;backdrop-filter:blur(4px)}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.modal-top h2{margin-top:7px;font-size:23px}.form-field{margin:18px 0}.form-field label{font-size:12px;display:block;margin-bottom:9px}.form-field input,.form-field textarea,.form-field select{width:100%}.form-field textarea{resize:vertical;min-height:110px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.modal-copy{color:var(--muted);font-size:13px;line-height:1.9}.search-result{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);padding:14px;border-bottom:1px solid var(--line);color:var(--ink)}.search-result:hover{background:var(--bg)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;border:1px solid var(--line);background:var(--surface);padding:14px 20px;border-radius:9px;box-shadow:0 8px 35px #00000033;font-size:12px}.status-strip{margin-top:20px;font-size:11px;color:var(--muted);line-height:1.8}.report-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.report-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0 20px}.session-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px;border-bottom:1px solid var(--line);background:var(--surface)}.session-card:last-child{border:0}.session-card p{font-size:11px;color:var(--muted);margin-top:7px}.attendance-person{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.attendance-person select{font-size:11px;padding:7px;width:130px}.toolbar-note{color:var(--muted);font-size:11px}
@media(min-width:1500px){#content{padding-top:50px}.applets{gap:20px}.applet{padding:25px}.stats{gap:20px}.welcome-banner{padding:31px}}@media(max-width:1100px){.sidebar{width:195px}.main-wrap{margin-left:195px}.topbar{padding:0 25px}#content{padding:30px 25px}.stats{gap:10px}.stat{padding:16px}.banner-art{right:70px}.top-actions{gap:11px}.search-trigger span,.search-trigger kbd{display:none}.lower-grid{grid-template-columns:1fr 1fr}.app-footer{padding-left:25px;padding-right:25px}}@media(max-width:800px){.sidebar{transform:translateX(-100%);width:228px;box-shadow:10px 0 40px #00000044}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0}#menu-button{display:flex}.topbar{height:66px}.applets{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:1fr}.heading-meta{display:none}.demo-pill{display:none}.page-heading h1{font-size:28px}.lower-grid{grid-template-columns:1fr}.welcome-banner{gap:20px;padding:20px}.banner-art{display:none}}@media(max-width:480px){#content{padding:27px 18px}.topbar{padding:0 18px}.applet{padding:16px}.applet-bottom{font-size:9px}.page-heading{gap:12px}.page-heading .primary{padding:10px;font-size:11px}.welcome-banner{display:block}.welcome-banner button{margin-top:15px}.lock-card{padding:30px 25px}.lock-brand{left:25px;top:25px}.lock-footer{left:25px;right:25px;font-size:9px}.report-cards{grid-template-columns:1fr}.search-trigger{display:none}.table-toolbar input{width:180px}.app-footer span:last-child{display:none}.session-card{padding:18px;align-items:flex-start}.session-card h3{font-size:13px}}

.primary,.brandmark{color:#fff}.brandmark{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.logo strong,.lock-brand strong{font-weight:550}.app-icon{background:var(--hover)!important;color:var(--muted)!important}.app-icon.purple{color:var(--accent-text)!important}.applet{border-radius:8px}.welcome-banner{background:var(--surface)}.banner-art{opacity:.3}.welcome-banner h2{color:var(--ink)}.welcome-banner button{color:var(--ink)}.lock-card{box-shadow:0 30px 100px #00000022}nav a.active{color:var(--ink);background:var(--hover);box-shadow:inset 2px 0 var(--accent)}.badge{background:var(--hover);color:var(--muted)}.badge.amber{color:var(--yellow)}.demo-pill{background:var(--hover);color:var(--muted)}.stat-label{color:var(--muted)}.stat-value span{color:var(--green)}.sidebar{background:var(--bg)}.topbar{background:var(--bg)}.lock-symbol{color:var(--accent-text)}.lock-theme{position:absolute;right:35px;top:35px;border:1px solid var(--line);border-radius:7px;width:36px;height:36px}.theme-switch{color:var(--muted)}.loading-note{padding:25px;color:var(--muted)}button:disabled{opacity:.5;cursor:wait}.session-card{background:var(--surface)}.field-note{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.7}

.primary{background:var(--ink);color:var(--bg);border:1px solid var(--line)}.primary:hover{background:var(--ink);opacity:.9}.applet-arrow svg{width:15px;height:15px}.notice{color:var(--muted)}

.topbar .search-trigger{display:flex;min-height:36px}.topbar .search-trigger span{display:inline}.logo{padding-bottom:30px}.breadcrumb{min-width:0}

.top-actions .lock-button{width:auto;white-space:nowrap;padding:6px 8px;font-size:11px}.top-actions .lock-button svg{width:16px;height:16px}@media(max-width:480px){.top-actions{gap:6px}.top-actions .lock-button{font-size:0;gap:0;padding:6px}.top-actions .lock-button svg{width:18px;height:18px}}