:root{--bg:#08111f;--bg-strong:#111d31;--panel:#0a1220d6;--panel-strong:#101b2df0;--chip:#64748b29;--chip-strong:#2563eb1f;--input:#0f172af5;--border:#94a3b838;--border-soft:#94a3b81f;--accent:#f97316;--accent-strong:#fb7185;--text:#c7d2e3;--text-strong:#f8fafc;--text-inverse:#fffaf5;--muted:#8fa1b8;--success-bg:#22c55e29;--success-text:#86efac;--warn-bg:#f59e0b2e;--warn-text:#fcd34d;--alert-bg:#f8717129;--alert-text:#fda4af;--info-bg:#38bdf824;--info-text:#7dd3fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:radial-gradient(circle at top left, #f973162e, transparent 24%), radial-gradient(circle at top right, #f43f5e29, transparent 22%), radial-gradient(circle at bottom right, #0ea5e924, transparent 26%), linear-gradient(180deg, var(--bg), var(--bg-strong));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #f973162e, transparent 24%), radial-gradient(circle at top right, #f43f5e29, transparent 22%), radial-gradient(circle at bottom right, #0ea5e924, transparent 26%), linear-gradient(180deg, var(--bg), var(--bg-strong));min-height:100vh}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}.loading-screen,.auth-shell,.workspace-shell{min-height:100vh}.loading-screen,.auth-shell{grid-template-columns:minmax(0,1.25fr) minmax(320px,420px);align-items:stretch;gap:24px;padding:32px;display:grid}.loading-screen{grid-template-columns:minmax(0,1fr);place-items:center}.loading-panel,.auth-card,.auth-hero,.workspace-nav,.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 24px 60px #02061770}.loading-panel,.auth-card,.auth-hero{padding:32px}.auth-hero{background:radial-gradient(circle at top right, #f8717133, transparent 28%), radial-gradient(circle at bottom left, #3b82f633, transparent 32%), var(--panel-strong);flex-direction:column;justify-content:space-between;display:flex}.hero-metrics,.metric-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--border-soft);background:var(--chip);border-radius:18px;padding:16px}.metric-card span{color:var(--muted);margin-bottom:8px;font-size:.85rem;display:block}.metric-card strong{color:var(--text-strong);font-size:1.15rem}.auth-toggle{background:#ffffff0a;border-radius:999px;margin-bottom:20px;padding:6px;display:inline-flex}.auth-toggle button,.nav-button,.primary-button,.secondary-button,.ghost-button{cursor:pointer;font:inherit;border:none}.auth-toggle button{color:var(--muted);background:0 0;border-radius:999px;padding:10px 16px}.auth-toggle button.active{background:var(--accent);color:var(--text-inverse)}.stack-form,.stack-list,.action-stack{flex-direction:column;gap:14px;display:flex}.stack-form label,.checkbox-cluster,.check-row{flex-direction:column;gap:6px;display:flex}.split-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.check-row{flex-direction:row;align-items:center}.check-row input{width:auto}.workspace-shell{grid-template-columns:280px minmax(0,1fr);gap:20px;padding:20px;display:grid}.workspace-nav{background:linear-gradient(180deg, #050a14f5, #0f172af5), var(--panel-strong);color:var(--text-inverse);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.workspace-nav h1{color:var(--text-inverse);margin-bottom:8px;font-size:2rem}.nav-stack{flex-direction:column;gap:10px;margin:28px 0;display:flex}.nav-button{text-align:left;color:#ffffffc7;background:#ffffff0d;border-radius:16px;padding:14px 16px}.nav-button.active{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--text-inverse)}.workspace-main{flex-direction:column;gap:20px;display:flex}.workspace-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.workspace-controls,.inline-actions,.chip-row,.summary-values{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.child-layout{grid-template-columns:1fr}.panel{padding:20px}.panel-head{margin-bottom:16px}.panel h3,.workspace-topbar h2{color:var(--text-strong);margin:0}.primary-button,.secondary-button,.ghost-button{border-radius:14px;padding:12px 16px}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--text-inverse)}.secondary-button{color:var(--text-strong);border:1px solid var(--border);background:#ffffff0a}.ghost-button{color:inherit;background:0 0;border:1px solid #ffffff29}.workspace-main .ghost-button{color:var(--muted);border-color:var(--border)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.nav-button:hover,.auth-toggle button:hover{filter:brightness(1.08)}.status-pill{text-transform:capitalize;border-radius:999px;align-items:center;padding:6px 10px;font-size:.85rem;display:inline-flex}.status-pill.good{background:var(--success-bg);color:var(--success-text)}.status-pill.warn{background:var(--warn-bg);color:var(--warn-text)}.status-pill.alert{background:var(--alert-bg);color:var(--alert-text)}.status-pill.neutral{background:var(--chip);color:var(--muted)}.summary-row,.action-row,.library-head,.group-progress-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.assignment-card,.subtask-card,.library-card,.group-progress,.approval-card{border:1px solid var(--border-soft);background:var(--chip);border-radius:18px;padding:16px}.approval-card{gap:14px;display:grid}.approval-card-head,.photo-review-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.photo-review{gap:12px;display:grid}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;display:grid}.photo-link{display:block}.photo-thumb{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border-soft);background:#ffffff0a;border-radius:14px;width:100%;display:block}.plain-list{margin:0;padding-left:18px}.info-chip{background:#ffffff0d;border-radius:999px;padding:8px 10px;font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px;font-size:.75rem;display:inline-block}.workspace-nav .eyebrow{color:#ffffffb8}.success-banner,.error-banner,.helper-text,.warning-text{border-radius:16px;margin:0;padding:14px 16px}.success-banner{background:var(--success-bg);color:var(--success-text)}.error-banner{background:var(--alert-bg);color:var(--alert-text)}.helper-text{background:var(--info-bg);color:var(--info-text)}.warning-text{background:var(--warn-bg);color:var(--warn-text)}textarea,input,select{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;background:var(--input);color:var(--text-strong);border-radius:14px;padding:12px 14px}input::placeholder,textarea::placeholder{color:var(--muted)}select,input,textarea{box-shadow:inset 0 1px #ffffff05}input:focus,textarea:focus,select:focus{outline-offset:1px;border-color:#f9731666;outline:2px solid #f9731659}textarea{resize:vertical}@media (width<=1080px){.auth-shell,.workspace-shell,.page-grid{grid-template-columns:1fr}.workspace-nav{gap:20px}}@media (width<=720px){.loading-screen,.auth-shell,.workspace-shell{padding:16px}.split-fields,.toggle-grid{grid-template-columns:1fr}.workspace-topbar,.summary-row,.action-row,.library-head,.group-progress-head{flex-direction:column}}
