@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111210;--surface:#191a18;--surface-2:#222320;--surface-3:#2a2b28;--text:#f2f2ef;--muted:#a0a09c;--soft:#70706c;--border:#ffffff14;--border-strong:#ffffff26;--accent:#789d68;--accent-2:#91b77d;--accent-soft:#789d681f;--gold:#d2b66f;--rose:#d98585;--blue:#83a8c4;--shadow:0 24px 70px #0006;--sidebar:260px;--topbar:76px;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--surface:#fff;--surface-2:#f4f4f5;--surface-3:#ecece9;--text:#1d1d1c;--muted:#6b6b69;--soft:#9a9a98;--border:#e8e8e7;--border-strong:#d0d0ce;--accent:#5e8050;--accent-2:#4d6e41;--accent-soft:#f2f5f1;--gold:#9f8246;--rose:#a96060;--blue:#557f9e;--shadow:0 24px 70px #0000000f}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background:radial-gradient(circle at 78% 4%, var(--accent-soft), transparent 25rem), var(--bg);min-width:320px;color:var(--text);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{color:var(--text)}h1,h2,h3,p{margin:0}.app-shell{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar);background:color-mix(in srgb, var(--surface) 94%, transparent);border-right:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{justify-content:space-between;align-items:center;padding:24px 20px 18px;display:flex}.brand,.auth-brand{align-items:center;gap:11px;display:flex}.brand-mark{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-2);border:1px solid var(--border);border-radius:12px;place-items:center;display:grid}.brand-mark.large{border-radius:14px;width:44px;height:44px}.brand strong,.auth-brand strong{letter-spacing:-.02em;font-size:14px;display:block}.brand span,.auth-brand span{color:var(--soft);margin-top:2px;font-size:11px;display:block}.sidebar-scroll{flex:1;padding:8px 12px;overflow:auto}.nav-group{margin-bottom:24px}.nav-label,.eyebrow{color:var(--soft);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.nav-label{padding:0 10px 8px}.nav-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-2);box-shadow:inset 0 0 0 1px var(--border)}.nav-item svg{flex:none}.sidebar-bottom{border-top:1px solid var(--border);padding:12px}.logout-nav{color:var(--muted)}.profile-card{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-2);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.avatar.small{width:30px;height:30px;font-size:10px}.avatar.large{width:48px;height:48px;font-size:13px}.profile-copy{min-width:0}.profile-copy strong,.profile-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-copy strong{font-size:11px}.profile-copy span{color:var(--soft);margin-top:2px;font-size:10px}.sidebar-account{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.sidebar-account strong{font-size:11px;display:block}.sidebar-account span{color:var(--soft);margin-top:2px;font-size:10px;display:block}.main-area{min-width:0;margin-left:var(--sidebar);flex-direction:column;flex:1;display:flex}.topbar{height:var(--topbar);z-index:30;background:color-mix(in srgb, var(--bg) 88%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;padding:0 34px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.breadcrumb{color:var(--soft);text-transform:capitalize;margin-bottom:2px;font-size:10px}.topbar h2,.topbar strong{letter-spacing:-.03em;font-size:18px}.topbar-actions{align-items:center;gap:10px;display:flex}.connection-pill,.theme-toggle,.count-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:700;display:flex}.theme-toggle{border-radius:10px}.status-dot{background:var(--accent-2);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.menu-btn{display:none}.sidebar-overlay{z-index:40;cursor:pointer;background:#00000073;border:0;display:none;position:fixed;inset:0}.page-content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:42px 32px 70px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.055em;margin-top:7px;font-size:clamp(30px,4vw,48px);line-height:1.05}.page-header h1 em{color:var(--accent-2);font-style:normal}.page-header p{max-width:720px;color:var(--muted);margin-top:13px;font-size:14px}.page-header-action{flex:none}.button-row{align-items:center;gap:8px;display:flex}.primary-btn,.secondary-btn,.text-btn,.icon-btn{border:1px solid var(--border);justify-content:center;align-items:center;gap:8px;transition:all .18s;display:inline-flex}.primary-btn{background:var(--accent);color:#fff;border-color:#0000;border-radius:11px;padding:11px 15px;font-size:12px;font-weight:800}.primary-btn:hover{background:var(--accent-2);transform:translateY(-1px)}.secondary-btn{background:var(--surface);color:var(--text);border-radius:11px;padding:10px 13px;font-size:12px;font-weight:700}.secondary-btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.text-btn{color:var(--accent-2);background:0 0;border:0;font-size:11px;font-weight:800}.icon-btn{width:34px;height:34px;color:var(--muted);background:0 0;border-radius:9px;padding:0}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.danger:hover{color:var(--rose)}.full{width:100%}.full-btn{width:100%;margin-top:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}.stat-card,.panel{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);border-radius:18px}.stat-card{min-height:148px;padding:20px;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--accent-soft);border-radius:50%;width:100px;height:100px;position:absolute;bottom:-45px;right:-40px}.stat-icon{width:35px;height:35px;color:var(--accent-2);background:var(--accent-soft);border-radius:10px;place-items:center;margin-bottom:17px;display:grid}.stat-label{color:var(--muted);font-size:11px;font-weight:700}.stat-card strong{letter-spacing:-.04em;margin-top:5px;font-size:30px;line-height:1;display:block}.stat-card>span{color:var(--soft);margin-top:8px;font-size:10px;display:block}.stat-card.gold .stat-icon{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.stat-card.blue .stat-icon{color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,transparent)}.dashboard-grid{grid-template-columns:1.55fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel{padding:22px}.hero-panel{min-height:300px}.quick-panel{padding:0;overflow:hidden}.panel-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.panel-head h3,.panel-head h2{letter-spacing:-.03em;margin-top:4px;font-size:17px}.panel-head p{color:var(--muted);margin-top:4px;font-size:12px}.panel-icon{color:var(--accent-2)}.hero-chip{border:1px solid var(--border);color:var(--accent-2);border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;font-weight:800;display:flex}.hero-progress{align-items:baseline;gap:8px;margin-top:55px;display:flex}.hero-progress strong{letter-spacing:-.06em;font-size:56px;line-height:1}.hero-progress span{color:var(--muted);font-size:11px}.big-progress{align-items:baseline;gap:8px;margin-top:20px;display:flex}.big-progress strong{letter-spacing:-.06em;font-size:48px;line-height:1}.big-progress span{color:var(--muted);font-size:12px}.progress-track,.mini-progress{background:var(--surface-3);border-radius:99px;height:8px;overflow:hidden}.progress-track{margin-top:18px}.progress-track div,.mini-progress div{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit;height:100%;transition:width .4s}.progress-meta{color:var(--soft);justify-content:space-between;margin-top:12px;font-size:10px;display:flex}.progress-meta b{color:var(--text)}.hero-footer{color:var(--soft);justify-content:space-between;margin-top:12px;font-size:10px;display:flex}.hero-footer b{color:var(--text)}.current-practical .panel-head h2{font-size:20px}.quick-actions{padding:0;overflow:hidden}.quick-actions .panel-head,.quick-panel .panel-head{border-bottom:1px solid var(--border);margin:0;padding:22px 22px 17px}.quick-action{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:17px 22px;transition:background .15s;display:grid}.quick-action:hover{background:var(--surface-2)}.quick-icon{width:34px;height:34px;color:var(--accent-2);background:var(--accent-soft);border-radius:10px;place-items:center;display:grid}.quick-action strong,.quick-action span,.quick-action small{display:block}.quick-action strong{font-size:12px}.quick-action span{color:var(--soft);margin-top:2px;font-size:10px}.progress-list{gap:18px;display:grid}.progress-row{grid-template-columns:1fr 1fr;align-items:center;gap:18px;display:grid}.progress-row>div:first-child strong,.progress-row>div:first-child span{display:block}.progress-row>div:first-child strong{font-size:12px}.progress-row>div:first-child span{color:var(--soft);margin-top:2px;font-size:10px}.progress-row-main{align-items:center;gap:12px;display:flex}.progress-row-main .progress-track{flex:1;margin-top:0}.progress-row-main strong{white-space:nowrap;font-size:12px;font-weight:800}.number-badge{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-2);border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.number-badge.large{border-radius:12px;width:42px;height:42px;font-size:14px}.progress-value{text-align:right;font-size:12px;font-weight:800}.mini-progress{height:6px}.toolbar,.tracker-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search-box{border:1px solid var(--border);background:var(--surface);min-width:240px;color:var(--soft);border-radius:11px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;padding:11px 0;font-size:12px}.toolbar-count{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.data-table-wrap,.table-wrap{border-radius:12px;overflow-x:auto}.data-table,.table-wrap table{border-collapse:collapse;width:100%;min-width:500px}.data-table th,.table-wrap table th{color:var(--soft);text-align:left;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);padding:11px 13px;font-size:9px}.data-table td,.table-wrap table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px;font-size:12px}.data-table tbody tr:hover,.table-wrap table tbody tr:hover{background:var(--surface-2)}.student-cell{align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.roll-pill,.roll-badge{background:var(--surface-3);color:var(--muted);border-radius:7px;padding:5px 8px;font-family:DM Mono,monospace;font-size:10px;display:inline-flex}.status-pill{border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.status-pill.success{color:var(--accent-2);background:var(--accent-soft)}.status-pill.pending{color:var(--gold);background:color-mix(in srgb,var(--gold) 13%,transparent)}.staged-row{background:color-mix(in srgb,var(--accent) 5%,transparent)}.staged-label{color:var(--gold);margin-left:7px;font-size:9px}.toggle{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.toggle span{background:var(--soft);border-radius:50%;width:7px;height:7px}.toggle.on{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft)}.toggle.on span{background:var(--accent-2)}.tracker-toolbar{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;gap:12px;padding:14px}.tracker-summary{align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.tracker-summary strong{letter-spacing:-.03em;font-size:18px}.tracker-summary span{color:var(--muted);font-size:11px}.tracker-notice{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin:12px 0;padding:10px 14px;font-size:11px;display:flex}.tracker-notice svg{color:var(--accent-2);flex:none}.status-toggle{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:800;transition:all .15s;display:inline-flex}.status-toggle:hover{border-color:var(--border-strong)}.status-toggle.checked{color:var(--accent-2);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--accent-soft)}.status-toggle svg{flex:none}.tracker-table{min-width:600px}.select-field,.field{min-width:200px;position:relative}.select-field span,.field>span{color:var(--soft);text-transform:uppercase;letter-spacing:.1em;margin:0 0 5px 2px;font-size:9px;font-weight:800;display:block}.select-field select,.field select{appearance:none;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;outline:0;padding:10px 34px 10px 11px}.select-field svg{pointer-events:none;color:var(--soft);position:absolute;bottom:11px;right:11px}.save-message{font-size:11px;font-weight:700}.save-message.success{color:var(--accent-2)}.save-message.error{color:var(--rose)}.two-column,.settings-grid{grid-template-columns:1fr 1.2fr;gap:14px;display:grid}.stack-form{gap:14px;display:grid}.stack-form label,.auth-form label,.field{gap:6px;display:grid}.stack-form label>span,.auth-form label>span,.field>span{color:var(--muted);font-size:11px;font-weight:700}.stack-form input,.stack-form textarea,.auth-form input,.field input,.field select{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:10px;outline:0;padding:11px 12px}.stack-form input:focus,.stack-form textarea:focus,.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.stack-form textarea{resize:vertical}.practical-list{gap:8px;display:grid}.practical-item,.practical-row{border:1px solid var(--border);border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px;transition:background .15s;display:grid}.practical-item:hover,.practical-row:hover{background:var(--surface-2)}.practical-item strong,.practical-item span,.practical-row strong,.practical-row span{display:block}.practical-item strong,.practical-row strong{font-size:12px}.practical-item>div:nth-child(2) span,.practical-row>div:nth-child(2) span{color:var(--soft);margin-top:3px;font-size:10px}.practical-number{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-2);border-radius:12px;place-items:center;font-family:DM Mono,monospace;font-size:14px;font-weight:800;display:grid}.ocr-layout,.ocr-grid{grid-template-columns:1fr 1.2fr;gap:14px;display:grid}.dropzone{border:1px dashed var(--border-strong);text-align:center;background:var(--surface-2);cursor:pointer;border-radius:15px;align-content:center;place-items:center;min-height:250px;padding:25px;transition:border-color .2s,background .2s;display:grid}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone input[type=file]{display:none}.dropzone img{object-fit:contain;border-radius:10px;width:100%;max-height:300px;display:block}.upload-icon,.drop-icon{width:50px;height:50px;color:var(--accent-2);background:var(--accent-soft);border-radius:14px;place-items:center;margin:0 auto 12px;display:grid}.dropzone h3,.dropzone strong{font-size:15px}.dropzone p,.dropzone span{color:var(--soft);margin:5px 0 14px;font-size:11px}.preview-wrap{border:1px solid var(--border);background:var(--surface-3);border-radius:13px;max-height:300px;margin-top:14px;overflow:hidden}.preview-wrap img{object-fit:contain;width:100%;max-height:300px;display:block}.ocr-actions{gap:8px;margin-top:14px;display:flex}.file-info{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex}.file-info strong{font-size:11px;display:block}.file-info span{color:var(--soft);margin-top:2px;font-size:10px;display:block}.ocr-confirm{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:14px;display:flex}.ocr-confirm>div{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.ocr-confirm svg{color:var(--accent-2);flex:none}.count-pill{background:var(--accent-soft);min-width:28px;height:28px;color:var(--accent-2);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.review-list{gap:8px;max-height:430px;margin-bottom:14px;display:grid;overflow:auto}.review-row{grid-template-columns:100px 1fr 34px;gap:8px;display:grid}.review-row input{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--text);border-radius:9px;outline:0;padding:9px 10px;font-size:12px}.review-row input:focus{border-color:var(--accent)}.timeline{display:grid}.timeline-item{border-bottom:1px solid var(--border);grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:16px 0;display:grid}.timeline-dot{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-2);border-radius:50%;place-items:center;display:grid}.timeline-content strong,.timeline-content span,.timeline-content small{display:block}.timeline-content strong{font-size:12px}.timeline-content span{color:var(--muted);margin-top:2px;font-size:10px}.timeline-content small{color:var(--soft);margin-top:4px;font-size:9px}.timeline-change{color:var(--accent-2);white-space:nowrap;font-family:DM Mono,monospace;font-size:10px}.export-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.export-card{flex-direction:column;align-items:flex-start;min-height:245px;display:flex}.export-icon{width:45px;height:45px;color:var(--accent-2);background:var(--accent-soft);border-radius:13px;place-items:center;margin-bottom:25px;display:grid}.export-card h3{font-size:17px}.export-card p{color:var(--muted);max-width:250px;margin:7px 0 auto;font-size:11px}.export-message{margin-top:14px}.sql-layout{grid-template-columns:340px 1fr;gap:14px;display:grid}.sql-list{padding:12px}.sql-list>.eyebrow{padding:8px 10px 10px}.sql-item{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:13px 10px;transition:background .15s;display:grid}.sql-item:hover,.sql-item.active{background:var(--accent-soft);color:var(--text)}.sql-item strong,.sql-item small{display:block}.sql-item strong{font-size:11px}.sql-item small{color:var(--soft);margin-top:3px;font-size:9px}.sql-editor{padding:0;overflow:hidden}.editor-top{border-bottom:1px solid var(--border);color:var(--soft);justify-content:space-between;padding:13px 17px;font-family:DM Mono,monospace;font-size:10px;display:flex}.editor-top span:first-child{align-items:center;gap:8px;display:flex}.sql-editor pre{background:var(--surface-2);min-height:270px;color:var(--accent-2);white-space:pre-wrap;margin:0;padding:25px;font:12px/1.8 DM Mono,monospace}.query-result{border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:flex-start;gap:9px;margin:14px;padding:12px;font-size:11px;display:flex}.query-result svg{color:var(--accent-2);flex:none}.theme-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theme-options button{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);text-align:left;cursor:pointer;border-radius:12px;padding:17px;transition:all .15s}.theme-options button:hover,.theme-options button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.theme-options strong,.theme-options span{display:block}.theme-options strong{margin-top:12px;font-size:12px}.theme-options span{color:var(--soft);margin-top:3px;font-size:10px}.account-detail{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.account-detail strong,.account-detail span{display:block}.account-detail span{color:var(--soft);margin-top:2px;font-size:10px}.connection-card{border:1px solid var(--border);border-radius:12px;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;margin-top:12px;padding:12px;display:grid}.connection-card>.status-dot{grid-column:1}.connection-card strong,.connection-card span{display:block}.connection-card strong{font-size:11px}.connection-card div span{color:var(--soft);margin-top:2px;font-size:9px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:30px;display:flex}.empty-icon{width:48px;height:48px;color:var(--accent-2);background:var(--accent-soft);border-radius:14px;place-items:center;margin-bottom:12px;display:grid}.empty-state h3{font-size:15px}.empty-state p{max-width:360px;color:var(--soft);margin:5px 0 15px;font-size:11px}.loading-state{min-height:220px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.form-error,.success-banner{border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:11px;display:flex}.form-error{color:var(--rose);background:color-mix(in srgb,var(--rose) 10%,transparent);border:1px solid color-mix(in srgb,var(--rose) 25%,transparent)}.success-banner{color:var(--accent-2);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.boot-screen{min-height:100vh;color:var(--muted);background:var(--bg);align-content:center;place-items:center;gap:12px;font-size:12px;display:grid}.auth-shell{background:var(--bg);min-height:100vh;display:flex}.auth-split-left{border-right:1px solid var(--border);background:radial-gradient(circle at -10% -10%, var(--accent-soft), transparent 50rem), var(--surface);flex-direction:column;flex:0 0 45%;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.auth-left-content{z-index:2;flex-direction:column;gap:10vh;margin:auto 0;display:flex;position:relative}.auth-watermark{letter-spacing:-.05em;color:var(--border);opacity:.6;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:1;font-size:clamp(100px,15vw,220px);font-weight:800;line-height:.85;position:absolute;top:50%;left:-5%;transform:translateY(-50%)}.auth-split-right{background:radial-gradient(circle at 50% 20%, var(--accent-soft), transparent 50rem), var(--bg);flex:1;place-items:center;padding:60px;display:grid;position:relative}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand .brand-mark{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-2);border:1px solid var(--border);border-radius:10px;place-items:center;display:grid}.auth-brand strong{letter-spacing:-.02em;color:var(--text);font-size:15px;display:block}.auth-brand span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.auth-statement{letter-spacing:-.03em;max-width:320px;color:var(--text);margin-bottom:40px;font-size:24px;font-weight:600;line-height:1.3}.auth-statement span{color:var(--muted);font-weight:400}.auth-statement-divider{background:var(--accent);border-radius:2px;width:30px;height:2px;margin:30px 0}.auth-features{gap:12px;margin:0;padding:0;list-style:none;display:grid}.auth-features li{color:var(--soft);align-items:center;gap:10px;font-size:12px;display:flex}.auth-features li svg{color:var(--accent-2)}.auth-card{z-index:2;gap:34px;width:min(380px,100%);display:grid;position:relative}.auth-heading{margin:0}.auth-heading h1{letter-spacing:-.04em;color:var(--text);margin:0;font-size:32px;line-height:1.1}.auth-heading p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.6}.auth-form{gap:18px;display:grid}.auth-form label{gap:6px;display:grid}.auth-form label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.input-wrap{border:1px solid var(--border);background:var(--surface-2);color:var(--soft);border-radius:12px;align-items:center;transition:border .2s,box-shadow .2s,background .2s;display:flex;position:relative;box-shadow:inset 0 1px 2px #0000000d}.input-wrap:hover{background:var(--surface);border-color:var(--border-strong)}.input-wrap:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft), inset 0 1px 2px #00000005}.input-wrap input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:14px;font-size:14px}.input-wrap input::placeholder{color:var(--soft)}.auth-submit{border-radius:12px;width:100%;margin-top:10px;padding:15px;font-size:14px;transition:transform .1s,filter .2s;box-shadow:inset 0 1px 1px #ffffff1a,0 2px 4px #0000001a}.auth-submit:hover{filter:brightness(1.1)}.auth-submit:active{transform:scale(.98)}.auth-footer{color:var(--soft);font-family:DM Mono,monospace;font-size:11px}.pwd-eye{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;font-family:monospace;font-size:14px;font-weight:800;transition:color .2s;display:flex}.pwd-eye:hover{color:var(--text)}.pwd-eye span{transition:all .15s}.mobile-menu,.mobile-close,.mobile-backdrop{display:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1100px){:root{--sidebar:230px}.page-content{max-width:100%;padding-left:20px;padding-right:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.ocr-layout,.ocr-grid,.two-column,.settings-grid{grid-template-columns:1fr}.export-grid{grid-template-columns:1fr 1fr}.progress-row{grid-template-columns:1fr;gap:8px}}@media (width<=760px){:root{--sidebar:0px;--topbar:66px}.sidebar{width:280px;box-shadow:var(--shadow);transition:transform .2s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-close,.menu-btn{display:grid}.sidebar-overlay{display:block}.mobile-backdrop{z-index:40;background:#00000073;border:0;display:block;position:fixed;inset:0}.main-area{margin-left:0}.topbar{padding:0 18px}.connection-pill{display:none}.page-content{padding:28px 14px 70px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:34px}.progress-row{grid-template-columns:1fr}.progress-row .mini-progress{grid-column:1/-1}.sql-layout,.export-grid,.ocr-layout,.ocr-grid{grid-template-columns:1fr}.auth-shell{display:block}.auth-split-left{display:none}.auth-split-right{padding:60px 30px}.auth-card{box-shadow:none;background:0 0;border:none;padding:0}.tracker-toolbar{flex-direction:column;align-items:stretch}.tracker-summary{justify-content:center;margin-left:0}}@media (width<=520px){body{font-size:13px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:130px;padding:14px}.stat-card strong{font-size:25px}.panel{border-radius:14px;padding:16px}.topbar-actions .theme-toggle span{display:none}.theme-toggle{padding:9px}.select-field,.field,.search-box{min-width:100%}.auth-shell{padding:0;display:block}.auth-split-left{display:none}.auth-split-right{min-height:100vh;padding:30px 20px}.auth-card{width:100%;box-shadow:none;background:0 0;border:none;padding:0}.auth-heading{margin-bottom:30px}.auth-heading h1{font-size:28px}.theme-options{grid-template-columns:1fr}}