:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fb;--panel:#fff;--panel-muted:#f3f6fa;--border:#d8dadc;--border-strong:#c6c6cd;--text:#191c1e;--muted:#5f6570;--muted-2:#76777d;--nav:#131b2e;--nav-muted:#7c839b;--accent:#3980f4;--accent-soft:#d8e2ff;--danger:#ba1a1a;--danger-soft:#ffdad6;--success:#166534;--success-soft:#dcfce7;--shadow:0 14px 38px #11182712;--shadow-strong:0 24px 80px #11182724;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 32rem), linear-gradient(180deg, #fbfcfe 0%, var(--bg) 42%);color:var(--text);margin:0}button,input,select{font:inherit}button{cursor:pointer}button,.panel,.metric-card,.portfolio-card,.kanban-card,.file-card,.login-card{transition:background-color .22s ease-out,border-color .22s ease-out,box-shadow .22s ease-out,transform .22s ease-out}button:active{transform:translateY(1px)scale(.99)}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb, var(--accent) 72%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);outline:0}button:disabled{cursor:not-allowed;opacity:.62}.brand-wordmark{color:#0000;letter-spacing:0;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#081a3a 0%,#1d4ed8 48%,#0ea5e9 100%);-webkit-background-clip:text;background-clip:text;font-weight:950;line-height:.92;display:inline-block;position:relative}.brand-wordmark:after{content:"";opacity:.95;background:linear-gradient(90deg,#f59e0b,#0ea5e9);border-radius:999px;width:58%;height:4px;position:absolute;bottom:-7px;left:4%}.brand-wordmark-nav{font-size:31px}.brand-wordmark-hero{font-size:clamp(48px,7vw,86px)}.brand-wordmark-login{font-size:42px}.brand-wordmark-sidebar{background:linear-gradient(135deg,#fff 0%,#dbeafe 46%,#7dd3fc 100%);-webkit-background-clip:text;background-clip:text;font-size:27px}.brand-wordmark-footer{background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:27px}.app{background:var(--bg);color:var(--text);min-height:100vh}.app.dark{--bg:#0d111a;--panel:#151c28;--panel-muted:#1d2634;--border:#2b3648;--border-strong:#435068;--text:#f8fafc;--muted:#c7d0df;--muted-2:#94a3b8;--nav:#070b13;--accent-soft:#16315f;--shadow:0 18px 48px #0000004d;--shadow-strong:0 30px 90px #0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sidebar{background:var(--nav);color:#eff1f3;z-index:20;border-right:1px solid #ffffff14;flex-direction:column;width:260px;padding:24px 12px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:10px;margin:0 10px 32px;display:flex}.sidebar-brand img{object-fit:cover;border-radius:16px;width:64px;height:64px}.sidebar-brand span{letter-spacing:0;font-weight:850}.sidebar nav{gap:4px;display:grid}.sidebar nav button,.theme-toggle{color:var(--nav-muted);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sidebar nav button{position:relative;overflow:hidden}.sidebar nav button.active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:#fff;font-weight:700}.active-nav-pill{background:var(--accent);border-radius:999px;width:3px;position:absolute;top:8px;bottom:8px;right:8px}.theme-toggle{border:1px solid #ffffff14;margin-top:auto}.main{min-height:100vh;margin-left:260px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--bg) 86%, transparent);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar div{gap:2px;display:grid}.topbar-actions{flex-wrap:wrap;align-items:center;gap:10px!important;display:flex!important}.topbar span,.muted{color:var(--muted);font-size:13px}.content{gap:24px;max-width:1440px;margin:0 auto;padding:24px;display:grid}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h2{letter-spacing:0;margin:0;font-size:28px;line-height:1.2}.page-header p{color:var(--muted);margin:6px 0 0}.page-actions{align-items:center;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--accent);box-shadow:var(--shadow);border-radius:8px;gap:10px;min-height:148px;padding:22px;display:grid}.metric-card.black{border-top-color:#000}.metric-card.gray{border-top-color:#515f74}.metric-card.red{border-top-color:var(--danger)}.metric-card svg{background:var(--panel-muted);color:var(--accent);border-radius:6px;padding:6px}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.metric-card strong{font-size:28px;line-height:1}.dashboard-grid,.detail-grid,.documents-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:24px;display:grid}.documents-grid{grid-template-columns:360px minmax(0,1fr)}.panel,.table-shell{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.panel{padding:20px}.panel-title{align-items:center;gap:8px;margin-bottom:16px;display:flex}.panel-title h3{margin:0;font-size:18px}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--panel-muted);color:var(--muted-2);letter-spacing:0;text-align:left;text-transform:uppercase;padding:13px 16px;font-size:11px}.data-table td{border-top:1px solid var(--border);vertical-align:middle;padding:14px 16px}.mobile-table-cards{display:none}.align-right{text-align:right}.row-actions{align-items:center;gap:8px;display:inline-flex}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;display:inline-flex}.button.primary{color:#fff;background:#000;font-weight:700}.button.secondary,.button.ghost{background:var(--panel);border-color:var(--border-strong);color:var(--text)}.button.danger,.icon-danger{background:var(--danger);color:#fff}.button.full{width:100%}.icon-button{background:var(--panel);border:1px solid var(--border-strong);color:var(--text);border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-danger{border:0;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.search-input,.form-field input,.form-field select{background:var(--panel);border:1px solid var(--border-strong);color:var(--text);border-radius:6px;width:100%;min-height:40px;padding:9px 11px}textarea{background:var(--panel);border:1px solid var(--border-strong);color:var(--text);resize:vertical;border-radius:6px;width:100%;min-height:96px;padding:10px 12px}.form-field{gap:6px;display:grid}.form-field span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.form-error{color:var(--danger);font-size:12px;font-weight:700}.api-warning{color:#92400e;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:8px;margin:0;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.5}.autosave-state{color:var(--muted);align-self:center;font-size:12px}.form-grid{gap:12px;display:grid}.project-form{grid-template-columns:repeat(7,minmax(0,1fr))}.log-form{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.status-badge{text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.success{background:var(--success-soft);color:var(--success)}.status-badge.danger{background:var(--danger-soft);color:var(--danger)}.status-badge.info{color:#25466f;background:#d5e3fd}.status-badge.neutral{background:var(--panel-muted);color:var(--muted)}.progress-wrap{background:var(--panel-muted);border-radius:999px;min-width:120px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%}.progress-fill.danger{background:var(--danger)}.table-progress{grid-template-columns:minmax(100px,1fr) 42px;align-items:center;gap:8px;display:grid}.tabs{border-bottom:1px solid var(--border);gap:24px;margin-bottom:18px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:0 0 12px;font-weight:700}.tabs button.active{color:var(--text);border-bottom-color:#000}.project-summary{grid-template-columns:auto auto minmax(160px,1fr);align-items:center;gap:12px;display:grid}.timeline{gap:18px;display:grid;position:relative}.timeline:before{background:var(--border);content:"";width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{grid-template-columns:16px 1fr;gap:12px;display:grid;position:relative}.timeline-dot{background:var(--accent);border:3px solid var(--panel);z-index:1;border-radius:999px;width:16px;height:16px;position:relative}.timeline h4{margin:0 0 4px}.timeline p{color:var(--muted);margin:0 0 6px}.mono{font-family:JetBrains Mono,monospace;font-size:13px}.uploader{border:2px dashed var(--border-strong);border-radius:8px;gap:12px;padding:18px;display:grid}.uploader>svg{color:var(--accent)}.empty-state,.loading-state{background:var(--panel);border:1px solid var(--border);color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:42px;display:grid}.empty-state h3{color:var(--text);margin:12px 0 4px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:28px;height:28px;animation:.9s linear infinite spin}.modal-backdrop{z-index:50;background:#0f172a8a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;width:100%;max-width:420px;padding:22px}.modal h3{margin:0 0 8px}.modal p{color:var(--muted)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.toast{color:#fff;z-index:60;background:#131b2e;border-radius:6px;max-width:min(460px,100vw - 32px);padding:12px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.marketing-page{color:#0b1730;background:radial-gradient(circle at 12% 0,#2563eb2e,#0000 34rem),radial-gradient(circle at 88% 8%,#0ea5e929,#0000 30rem),#f5f9ff;min-height:100vh}.marketing-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#f5f9ffe0;border-bottom:1px solid #1e40af1f;justify-content:space-between;align-items:center;gap:24px;padding:16px max(24px,50vw - 590px);display:flex;position:sticky;top:0;left:0;right:0}.marketing-brand,.marketing-footer-brand{align-items:center;gap:10px;display:inline-flex}.marketing-brand{color:#0b1730;background:0 0;border:0;padding:0;font-weight:900}.marketing-brand img,.marketing-footer-brand img{object-fit:cover;border-radius:20px;width:72px;height:72px}.marketing-brand span,.marketing-footer-brand span{font-weight:900}.marketing-nav nav,.marketing-footer nav{align-items:center;gap:20px;display:flex}.marketing-nav a,.marketing-footer a{color:#385071;font-size:14px;font-weight:750;text-decoration:none}.marketing-nav-cta,.marketing-primary,.marketing-secondary{border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:850;text-decoration:none;display:inline-flex}.marketing-nav-cta{color:#fff;background:#143d8f;border:0;min-height:42px;padding:0 18px}.marketing-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);align-items:center;gap:56px;max-width:1220px;min-height:calc(100vh - 78px);margin:0 auto;padding:72px 24px;display:grid}.marketing-hero-copy h1,.marketing-section-heading h2,.marketing-problem h2,.marketing-company-panel h2,.marketing-final-cta h2{color:#0b1730;letter-spacing:0;margin:0;line-height:.98}.marketing-hero-copy h1{max-width:820px;font-size:clamp(46px,7vw,86px)}.marketing-hero-copy p{color:#3b516f;max-width:670px;margin:24px 0;font-size:clamp(18px,2vw,22px);line-height:1.65}.marketing-hero-logo{text-align:center;place-items:center;gap:24px;width:fit-content;margin:0 auto 30px;display:grid}.marketing-hero-logo img{box-shadow:none;object-fit:cover;border-radius:30px;width:148px;height:148px}.marketing-hero-logo div{gap:4px;display:grid}.marketing-hero-logo strong{font-weight:950;line-height:1}.marketing-eyebrow{color:#1d4ed8;letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:900;display:inline-flex}.marketing-actions,.marketing-proof{flex-wrap:wrap;gap:12px;display:flex}.marketing-primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0284c7);border:0;min-height:54px;padding:0 24px;box-shadow:0 18px 42px #2563eb47}.marketing-primary:hover,.marketing-nav-cta:hover{transform:translateY(-2px)}.marketing-secondary{color:#143d8f;background:#fff;border:1px solid #c9d8ee;min-height:54px;padding:0 24px}.marketing-proof{color:#3b516f;margin-top:20px}.marketing-proof span{align-items:center;gap:7px;font-size:14px;font-weight:750;display:inline-flex}.marketing-dashboard-shell{background:linear-gradient(145deg,#0b1730,#174ea6);border:1px solid #2563eb2e;border-radius:28px;padding:16px;box-shadow:0 30px 90px #0f172a38}.marketing-dashboard{background:#f8fafc;border-radius:20px;gap:16px;min-height:520px;padding:20px;display:grid}.dashboard-topline,.dashboard-list span{justify-content:space-between;align-items:center;display:flex}.dashboard-topline{border-bottom:1px solid #e2e8f0;padding-bottom:14px}.dashboard-topline span{color:#64748b;font-weight:800}.dashboard-topline strong{color:#2563eb;font-size:42px}.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-kpis div{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:10px;padding:14px;display:grid}.dashboard-kpis span{color:#64748b;font-size:12px;font-weight:800}.dashboard-kpis strong{color:#0b1730;font-size:26px}.dashboard-chart{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:end;gap:12px;height:210px;padding:18px;display:flex}.dashboard-chart i{background:linear-gradient(#38bdf8,#1d4ed8);border-radius:999px 999px 8px 8px;flex:1}.dashboard-list{gap:10px;display:grid}.dashboard-list span{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:10px;padding:13px}.dashboard-list b{color:#1d4ed8}.marketing-section{max-width:1180px;margin:0 auto;padding:72px 24px}.marketing-problem{color:#dbeafe;background:#0b1730;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:end;gap:32px;margin:0 auto;padding:72px max(24px,50vw - 590px);display:grid}.marketing-problem .marketing-eyebrow{color:#93c5fd}.marketing-problem h2{color:#fff;font-size:clamp(34px,4vw,56px)}.marketing-problem p{color:#bfdbfe;margin:0;font-size:18px;line-height:1.75}.marketing-section-heading{max-width:740px;margin-bottom:30px}.marketing-section-heading p{color:#506683;margin:16px 0 0;font-size:17px;line-height:1.65}.marketing-section-heading h2,.marketing-problem h2,.marketing-company-panel h2,.marketing-final-cta h2{font-size:clamp(34px,4vw,56px)}.marketing-feature-grid,.marketing-solution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.marketing-feature-card,.marketing-solution-card,.marketing-step{background:#fff;border:1px solid #e2e8f0;border-radius:22px;gap:14px;padding:24px;display:grid;box-shadow:0 18px 52px #0f172a14}.marketing-feature-card div{color:#0369a1;background:#e0f2fe;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.marketing-feature-card h3,.marketing-solution-card h3,.marketing-module-card h3,.marketing-step h3{color:#0f172a;margin:0;font-size:20px}.marketing-feature-card p,.marketing-solution-card p,.marketing-module-card p,.marketing-step p{color:#64748b;margin:0;line-height:1.6}.marketing-blue-section{background:linear-gradient(#eaf3ff,#f8fbff);border:1px solid #d8e7fb;border-radius:32px;margin-top:24px}.marketing-solution-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.marketing-solution-card{box-shadow:none}.marketing-solution-card svg,.marketing-module-card svg{color:#1d4ed8}.marketing-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.marketing-module-card{background:#fff;border:1px solid #dce8f7;border-radius:18px;align-items:flex-start;gap:14px;padding:18px;display:flex}.marketing-company-section{grid-template-columns:minmax(0,1fr) 360px;gap:22px;max-width:1180px;margin:0 auto;padding:52px 24px 20px;display:grid}.marketing-company-panel{color:#dbeafe;background:linear-gradient(135deg,#0b1730,#174ea6);border-radius:32px;padding:34px}.marketing-company-panel .marketing-eyebrow,.marketing-company-panel h2{color:#fff}.marketing-company-panel p{color:#dbeafe;font-size:18px;line-height:1.75}.marketing-outcomes{gap:10px;margin-top:22px;display:grid}.marketing-outcomes span{align-items:center;gap:9px;font-weight:800;display:inline-flex}.marketing-company-metrics{gap:14px;display:grid}.marketing-company-metrics div{background:#fff;border:1px solid #dce8f7;border-radius:22px;gap:8px;padding:22px;display:grid;box-shadow:0 18px 52px #0f172a14}.marketing-company-metrics svg{color:#1d4ed8}.marketing-company-metrics strong{color:#0b1730;font-size:34px;line-height:1}.marketing-company-metrics span{color:#506683;font-weight:750}.marketing-flow-section{padding-top:28px}.marketing-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.marketing-step span{color:#fff;background:#1d4ed8;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:flex}.marketing-final-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#07152f,#174ea6);place-items:center;gap:24px;margin:72px auto 0;padding:72px 24px;display:grid}.marketing-final-cta img{box-shadow:none;object-fit:cover;border-radius:34px;width:168px;height:168px}.marketing-final-cta h2{color:#fff}.marketing-final-cta p{color:#dbeafe;max-width:720px;margin:0;font-size:18px;line-height:1.65}.marketing-footer{color:#cbd5e1;background:#07152f;justify-content:space-between;align-items:center;gap:20px;padding:24px max(24px,50vw - 590px);display:flex}.marketing-footer a,.marketing-footer p{color:#94a3b8}.marketing-footer p{margin:0;font-size:13px}.login-screen{background:radial-gradient(circle at 20% 20%,#3980f429,#0000 30%),linear-gradient(135deg,#f7f9fb,#eef3f9);grid-template-columns:minmax(0,1fr) 440px;gap:32px;min-height:100vh;padding:64px;display:grid}.login-hero{align-content:center;max-width:720px;display:grid}.login-brand{color:#0d1b2f;letter-spacing:0;align-items:center;gap:12px;font-weight:900;display:inline-flex}.login-brand img{object-fit:cover;border-radius:24px;width:116px;height:116px;box-shadow:0 18px 50px #0d1b2f29}.login-brand span{line-height:1}.login-hero h1{letter-spacing:0;margin:16px 0;font-size:clamp(42px,6vw,76px);line-height:1}.login-hero p{color:var(--muted);font-size:18px;line-height:1.6}.login-features{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.login-features span{border:1px solid var(--border);background:#ffffffb3;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);background:#ffffffdb;border-radius:14px;align-self:center;gap:14px;padding:28px;display:grid;box-shadow:0 24px 80px #11182724}.auth-tabs{background:var(--panel-muted);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-height:36px;font-weight:700}.auth-tabs button.active{background:var(--panel);box-shadow:var(--shadow);color:var(--text)}.invite-form{grid-template-columns:minmax(220px,1fr) 220px auto;align-items:end}.invite-link{background:var(--panel-muted);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:12px;display:grid}.invite-link code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login-card h2{margin:0 0 8px}.login-field{gap:6px;display:grid;position:relative}.login-field span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.login-field svg{color:var(--muted);position:absolute;bottom:12px;left:12px}.login-field input,.login-field select{border:1px solid var(--border-strong);background:#fff;border-radius:8px;min-height:44px;padding:10px 12px 10px 38px}.remember-session{color:var(--muted);align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.remember-session input{accent-color:var(--accent);width:16px;height:16px}.profile-backdrop{z-index:39;background:0 0;border:0;padding:0;position:fixed;inset:0}.profile-panel{background:var(--panel);border:1px solid var(--border);z-index:40;border-radius:12px;gap:14px;width:320px;padding:18px;display:grid;position:fixed;top:78px;right:24px;box-shadow:0 24px 80px #0000002e}.profile-panel-header{justify-content:space-between;align-items:flex-start;display:flex}.profile-avatar{background:var(--accent-soft);color:#001a42;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-weight:800;display:flex}.profile-panel h3,.profile-panel p{margin:0}.profile-panel p,.profile-select span{color:var(--muted);font-size:13px}.profile-select{gap:6px;display:grid}.profile-select select{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);border-radius:8px;min-height:40px;padding:8px 10px}.profile-grid{gap:8px;display:grid}.profile-grid span{background:var(--panel-muted);border-radius:8px;align-items:center;gap:8px;padding:9px;display:flex}.account-settings{scroll-margin-top:20px}.account-settings-form{gap:18px;display:grid}.account-settings-avatar{align-items:center;gap:12px;display:flex}.account-settings-avatar>div{background:var(--accent-soft);color:#001a42;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-weight:900;display:flex}.account-settings-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar-upload{background:var(--panel-muted);border:1px dashed var(--border-strong);cursor:pointer;border-radius:12px;gap:4px;padding:14px;display:grid}.avatar-upload input{display:none}.avatar-upload strong{color:var(--text)}.avatar-upload span{color:var(--muted);font-size:13px}.account-settings-avatar>span{background:var(--panel-muted);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:13px;font-weight:800;display:inline-flex}.account-preferences{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-action.passive{cursor:default}.account-save-button{justify-self:start}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.chart-panel h3{margin:0 0 14px}.reports-toolbar{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:5px;display:flex}.reports-toolbar>span{color:var(--muted);align-items:center;gap:6px;padding:0 6px;display:inline-flex}.section-spacer{margin-top:22px}.compact-form{grid-template-columns:1fr}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.metric-grid,.dashboard-grid,.detail-grid,.documents-grid{grid-template-columns:1fr 1fr}.project-form,.log-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.sidebar{width:100%;position:static}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar nav button,.theme-toggle{justify-content:center}.sidebar-brand,.theme-toggle span,.sidebar nav button span{display:none}.main{margin-left:0}.topbar,.page-header{flex-direction:column;align-items:flex-start;height:auto;padding:16px}.content{padding:16px}.metric-grid,.dashboard-grid,.detail-grid,.documents-grid,.project-form,.log-form,.project-summary{grid-template-columns:1fr}.table-shell{overflow-x:auto}.data-table{min-width:760px}}@media (width<=900px){.login-screen,.chart-grid{grid-template-columns:1fr}.login-screen{padding:24px}}.view-stack{gap:24px;display:grid}.topbar{background:color-mix(in srgb, var(--bg) 78%, transparent)}.metric-card,.panel,.table-shell{background:color-mix(in srgb, var(--panel) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metric-card,.panel,.table-shell,.file-card,.kanban-card,.button,.icon-danger,.status-badge,.uploader,.search-input,.form-field input,.form-field select{transition:transform .24s,box-shadow .24s,border-color .24s,background-color .24s,color .24s}.metric-card:hover,.file-card:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 18px 46px #1118271f}.panel:hover,.table-shell:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.button:active,.icon-danger:active,.sidebar button:active{transform:scale(.97)}.button:hover{box-shadow:0 10px 24px #11182714}.search-input:focus,.form-field input:focus,.form-field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.metric-head{justify-content:space-between;align-items:center;display:flex}.metric-head small{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px}.status-badge:hover{transform:translateY(-1px)}.status-badge.success:before,.status-badge.info:before,.status-badge.danger:before{content:"";border-radius:999px;width:6px;height:6px;margin-right:6px}.status-badge.success:before,.status-badge.info:before{background:currentColor;animation:1.8s ease-in-out infinite pulseSoft}.status-badge.danger{animation:2.2s ease-in-out infinite dangerGlow}.status-badge.danger:before{background:currentColor}.executive-hero{position:relative;overflow:hidden}.executive-hero:after{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent 52%);content:"";pointer-events:none;position:absolute;inset:0}.executive-copy,.executive-hero .circular-progress,.live-feed-mini{z-index:1;position:relative}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.executive-copy h3{letter-spacing:0;margin:6px 0;font-size:26px}.executive-copy p{color:var(--muted);margin:0}.executive-signals{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.executive-signals span,.project-quick-stats span{background:color-mix(in srgb, var(--panel) 72%, transparent);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:6px 10px;display:inline-flex}.recent-projects-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.recent-project-card{background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);text-align:left;border-radius:8px;gap:10px;padding:16px;display:grid}.recent-project-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));box-shadow:var(--shadow-strong);transform:translateY(-3px)}.smart-filter-bar,.document-toolbar{background:color-mix(in srgb, var(--panel) 84%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow);z-index:6;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex;position:sticky;top:76px}.project-quick-stats,.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.danger-text{color:var(--danger)!important}.filter-chips button{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:999px;min-height:32px;padding:6px 11px}.filter-chips button.active,.filter-chips button:hover{background:color-mix(in srgb, var(--accent) 12%, var(--panel));border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--accent)}.sort-select,.document-search input{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);border-radius:8px;min-height:38px;padding:8px 10px}.document-search{background:var(--panel-muted);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;min-width:min(360px,100%);padding:0 10px;display:flex}.document-search input{background:0 0;border:0;flex:1;min-width:0;padding-inline:0}.table-sort{color:inherit;font-size:inherit;font-weight:inherit;min-height:0;text-transform:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.table-sort svg{opacity:.7}.sort-asc{transform:rotate(180deg)}.chart-tooltip{background:color-mix(in srgb, var(--panel) 94%, transparent);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:6px;padding:10px 12px;display:grid}.chart-tooltip span{color:var(--muted);align-items:center;gap:7px;display:flex}.chart-tooltip i{border-radius:999px;width:8px;height:8px}.upload-file-name{background:color-mix(in srgb, var(--accent) 10%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));color:var(--accent);border-radius:8px;padding:8px 10px;font-size:13px}.upload-progress{background:var(--panel-muted);border-radius:999px;height:8px;overflow:hidden}.upload-progress span{background:linear-gradient(90deg, var(--accent), #6aa3ff);height:100%;transition:width .22s ease-out;display:block}.file-empty,.empty-panel{grid-column:1/-1}.progress-fill{transition:width .8s ease-out}.uploader.drag-active{background:color-mix(in srgb, var(--accent) 9%, var(--panel));border-color:var(--accent);transform:scale(1.01)}.uploader p{color:var(--muted);margin:4px 0 0}.skeleton-page{gap:18px;display:grid}.skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.skeleton{background:linear-gradient(90deg, var(--panel-muted), color-mix(in srgb, var(--panel-muted) 55%, #fff), var(--panel-muted));background-size:240% 100%;border-radius:8px;animation:1.25s linear infinite shimmer}.skeleton.hero{height:72px}.skeleton.card{height:150px}.skeleton.table{height:330px}.toast{animation:.28s ease-out toastIn}.command-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0f172a61;justify-content:center;align-items:flex-start;padding:12vh 18px 18px;display:flex;position:fixed;inset:0}.command-panel{background:color-mix(in srgb, var(--panel) 94%, transparent);border:1px solid var(--border);border-radius:12px;gap:10px;width:min(680px,100%);max-width:680px;padding:12px;display:grid;box-shadow:0 30px 90px #0f172a42}.command-search{border:1px solid var(--border);border-radius:10px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.command-search input{color:var(--text);background:0 0;border:0;min-height:28px;padding:0}.command-search kbd{background:var(--panel-muted);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:3px 6px;font-size:11px}.command-list{gap:6px;max-height:min(420px,52vh);display:grid;overflow:auto}.command-list button{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:10px;display:grid}.command-list button:hover{background:var(--panel-muted);border-color:var(--border)}.control-tower{grid-template-columns:1fr 150px 1fr;align-items:center;gap:24px;display:grid;position:relative;overflow:hidden}.control-tower:after{content:"";background:radial-gradient(circle,#3980f429,#0000 55%);width:240px;height:240px;position:absolute;top:-80px;right:80px}.control-tower h3{margin:0 0 6px;font-size:22px}.control-tower p{color:var(--muted);margin:0}.circular-progress{place-items:center;display:grid;position:relative}.circular-progress svg{width:118px;height:118px;transform:rotate(-90deg)}.circular-progress circle{fill:#0000;stroke-width:8px}.circular-progress .track{stroke:var(--panel-muted)}.circular-progress .value{stroke:var(--accent);stroke-linecap:round}.circular-progress strong{font-size:24px;position:absolute}.circular-progress span{color:var(--muted);margin-top:8px;font-size:12px}.live-feed-mini{gap:8px;display:grid}.live-feed-mini span{background:var(--panel-muted);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px}.kanban{grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;display:grid;overflow-x:auto}.kanban-column{background:var(--panel-muted);border:1px solid var(--border);border-radius:8px;min-height:220px;padding:12px}.kanban-column.over{border-color:var(--accent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.kanban-column header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kanban-list{gap:10px;display:grid}.kanban-card{background:var(--panel);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;grid-template-columns:30px 1fr;gap:8px;padding:10px;display:grid;box-shadow:0 8px 20px #1118270d}.kanban-card.dragging{opacity:.82}.drag-handle,.kanban-card-body{color:var(--text);background:0 0;border:0}.drag-handle{color:var(--muted);touch-action:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.drag-handle:hover{background:var(--panel-muted);color:var(--accent)}.kanban-card-body{text-align:left;gap:8px;padding:2px;display:grid}.template-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.template-card{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;gap:5px;min-height:104px;padding:14px;transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out;display:grid}.template-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.template-card span,.template-card small{color:var(--muted);font-size:12px}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.portfolio-card{aspect-ratio:1.15;border:1px solid var(--border);color:#fff;text-align:left;background:#111827;border-radius:8px;padding:0;position:relative;overflow:hidden}.portfolio-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-overlay{background:linear-gradient(#0f172a14,#0f172ac7);position:absolute;inset:0}.portfolio-card>div{z-index:1;gap:4px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.portfolio-card .status-badge{z-index:1;position:absolute;top:12px;right:12px}.kanban-card small,.kanban-card .mono{color:var(--muted)}.file-explorer{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.file-card{background:var(--panel);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;justify-items:start;gap:8px;min-height:150px;padding:16px;display:grid}.file-card:hover{border-color:var(--accent)}.file-card svg{color:var(--accent)}.file-card span{color:var(--muted);font-size:13px}.command-backdrop,.drawer-scrim{z-index:70;background:#0f172a73;position:fixed;inset:0}.command-palette{background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:12px;width:calc(100vw - 32px);max-width:680px;position:fixed;top:72px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 80px #00000038}.command-search{border-bottom:1px solid var(--border);grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.command-search input{color:var(--text);background:0 0;border:0;outline:0}kbd{background:var(--panel-muted);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:3px 6px;font-size:11px}.command-list{max-height:420px;padding:8px;display:grid;overflow:auto}.command-list button{color:var(--text);background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.command-list button:hover{background:var(--panel-muted)}.command-list small{color:var(--muted)}.notification-drawer{background:var(--panel);border-left:1px solid var(--border);z-index:80;width:min(420px,100vw);padding:22px;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 60px #0000002e}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.drawer-header h3,.drawer-header p{margin:0}.drawer-header p{color:var(--muted);font-size:13px}.notification-list{gap:12px;display:grid}.notification{background:var(--panel);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;grid-template-columns:20px 1fr;gap:12px;padding:14px;display:grid}.notification.alert{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.notification.read{opacity:.62}.notification.unread{box-shadow:inset 3px 0 0 var(--accent)}.notification-group{gap:8px;display:grid}.notification-group h4{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:4px 0;font-size:12px}.ai-panel{background:var(--panel);border-left:1px solid var(--border);z-index:82;grid-template-rows:auto auto 1fr auto auto;width:min(460px,100vw);padding:22px;display:grid;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 60px #0000002e}.ai-suggestions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.ai-suggestions button{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 10px}.ai-messages{gap:10px;padding-right:4px;display:grid;overflow:auto}.ai-message{border-radius:8px;grid-template-columns:20px 1fr;gap:8px;padding:12px;display:grid}.ai-message.user{background:var(--accent-soft);color:#102a56;grid-template-columns:1fr;margin-left:28px}.ai-message.assistant{background:var(--panel-muted)}.ai-message p{margin:0}.ai-input{border-top:1px solid var(--border);grid-template-columns:1fr 38px;gap:8px;margin-top:14px;padding-top:14px;display:grid}.ai-input input{background:var(--panel);border:1px solid var(--border-strong);color:var(--text);border-radius:6px;padding:9px 11px}.onboarding-card{background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow);z-index:60;border-radius:8px;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;max-width:620px;padding:14px;display:grid;position:fixed;bottom:24px;left:284px;right:24px}.onboarding-icon{background:var(--accent-soft);color:var(--accent);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.onboarding-card p,.onboarding-card strong{margin:0}.onboarding-card p{color:var(--muted);font-size:13px}.onboarding-progress{gap:5px;margin-top:8px;display:flex}.onboarding-progress span{background:var(--border);border-radius:999px;width:34px;height:4px}.onboarding-progress span.active{background:var(--accent)}.notification p,.notification small{color:var(--muted);margin:4px 0 0}.system-panel{gap:18px;display:grid}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.system-grid span,.system-note{background:var(--panel-muted);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:12px;display:flex}.system-note{color:var(--muted);justify-content:flex-start}.notification-pulse{background:var(--accent);color:#fff;z-index:30;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:fixed;bottom:22px;right:22px}.live-hero{grid-template-columns:1.35fr 260px 1fr;gap:16px;display:grid}.live-primary,.live-meter,.live-alerts{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:22px}.live-primary{gap:12px;display:grid}.live-primary>div{color:var(--accent);align-items:center;gap:8px;font-weight:700;display:flex}.live-primary h2{margin:0;font-size:30px;line-height:1.12}.live-primary p{color:var(--muted);margin:0}.live-meter{justify-content:center;align-items:center;display:grid}.live-alerts{gap:10px;display:grid}.live-alerts button{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.activity-feed{gap:12px;display:grid}.activity-feed article{grid-template-columns:12px 1fr;gap:10px;display:grid}.activity-feed p,.activity-feed small{color:var(--muted);margin:4px 0 0}.dot{background:var(--accent);border-radius:999px;width:10px;height:10px;margin-top:5px}.dot.danger{background:var(--danger);animation:1.6s ease-in-out infinite pulseSoft}.evidence-stack{gap:12px;display:grid}.evidence-stack article{border:1px solid var(--border);border-radius:8px;gap:8px;display:grid;overflow:hidden}.evidence-stack img,.evidence-fallback{aspect-ratio:16/9;background:var(--panel-muted);object-fit:cover;width:100%}.evidence-stack strong,.evidence-stack small{padding:0 12px}.evidence-stack small{color:var(--muted);padding-bottom:12px}.gantt{gap:12px;display:grid;overflow-x:auto}.gantt-row{grid-template-columns:220px minmax(360px,1fr);align-items:center;gap:14px;display:grid}.gantt-label{gap:3px;display:grid}.gantt-label small{color:var(--muted)}.gantt-track{background:var(--panel-muted);border:1px solid var(--border);border-radius:999px;height:34px;position:relative;overflow:hidden}.gantt-bar{background:color-mix(in srgb, var(--accent) 22%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:999px;justify-content:center;align-items:center;min-width:120px;height:100%;display:flex;position:absolute;top:0}.gantt-bar.late{background:color-mix(in srgb, var(--danger) 18%, var(--panel));border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.comments-panel{border-top:1px solid var(--border);gap:14px;margin-top:22px;padding-top:18px;display:grid}.comment-list{gap:12px;display:grid}.comment{grid-template-columns:34px 1fr;gap:10px;display:grid}.avatar{background:var(--accent-soft);color:#102a56;border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar.small{width:34px;height:34px}.comment p{margin:4px 0}.comment small{color:var(--muted)}.comment mark{background:var(--accent-soft);color:#102a56;border-radius:5px;padding:1px 4px}.comment-box{gap:8px;display:grid}.comment-box>div{justify-content:space-between;align-items:center;display:flex}.comment-box span{color:var(--muted);font-size:12px}.document-viewer-backdrop{z-index:90;justify-content:center;align-items:center;padding:24px;display:flex}.document-viewer{background:var(--panel);border:1px solid var(--border);border-radius:8px;grid-template-rows:auto 1fr;width:min(980px,100vw - 48px);height:min(760px,100vh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000047}.document-viewer header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.document-viewer header>div:first-child{gap:3px;display:grid}.document-viewer header span{color:var(--muted);font-size:13px}.document-preview{background:var(--panel-muted);justify-content:center;align-items:center;min-height:0;padding:18px;display:flex}.document-preview img,.document-preview iframe{background:var(--panel);border:1px solid var(--border);object-fit:contain;border-radius:8px;width:100%;height:100%}.document-placeholder{color:var(--muted);text-align:center;place-items:center;gap:10px;max-width:420px;display:grid}.tooltip-wrap{display:inline-flex;position:relative}.tooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;z-index:100;background:#111827;border-radius:6px;padding:6px 8px;font-size:12px;transition:opacity .18s ease-out,transform .18s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip-wrap:hover .tooltip{opacity:1;transform:translate(-50%)translateY(0)}@keyframes shimmer{to{background-position:-240% 0}}@keyframes pulseSoft{0%,to{opacity:.58;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes dangerGlow{0%,to{box-shadow:0 0 #ba1a1a00}50%{box-shadow:0 0 0 4px #ba1a1a1a}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1100px){.control-tower,.live-hero{grid-template-columns:1fr 1fr}.file-explorer,.portfolio-grid,.recent-projects-strip,.template-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.control-tower,.file-explorer,.live-hero,.portfolio-grid,.recent-projects-strip,.template-row{grid-template-columns:1fr}.smart-filter-bar,.document-toolbar{align-items:stretch;position:static}.document-search,.sort-select{width:100%}.onboarding-card{grid-template-columns:38px 1fr;left:16px;right:16px}.gantt-row{grid-template-columns:1fr}.document-viewer{width:calc(100vw - 24px);height:calc(100vh - 24px)}.invite-form,.invite-link,.system-grid{grid-template-columns:1fr}}@media (width<=820px){body{background:var(--bg);overflow-x:hidden}.app{min-width:0;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.sidebar{background:color-mix(in srgb, var(--nav) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);bottom:calc(10px + env(safe-area-inset-bottom));z-index:55;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:minmax(0,1fr) 44px;gap:8px;width:calc(100dvw - 20px);max-width:calc(100dvw - 20px);padding:8px;display:grid;position:fixed;top:auto;left:10px;right:auto;overflow:hidden;box-shadow:0 18px 46px #00000042}.sidebar-brand{display:none}.sidebar nav{overscroll-behavior-x:contain;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(64px,1fr);grid-auto-flow:column;gap:6px;display:grid;overflow:auto hidden}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:64px;min-height:54px;padding:7px 8px;display:flex}.sidebar nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:10px;line-height:1.1;display:block;overflow:hidden}.active-nav-pill{width:auto;height:3px;inset:auto 18px 5px}.theme-toggle{border-radius:12px;justify-content:center;align-self:stretch;align-items:center;min-width:0;min-height:54px;margin:0;padding:0}.theme-toggle span,.theme-toggle:after{display:none}.main{min-width:0;max-width:100dvw;margin-left:0;overflow-x:clip}.topbar{background:color-mix(in srgb, var(--bg) 92%, transparent);flex-direction:row;align-items:center;gap:10px;width:100dvw;max-width:100dvw;min-height:58px;padding:10px 12px}.topbar>div:first-child{min-width:0}.topbar strong,.topbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar strong{font-size:14px}.topbar>div:first-child span{font-size:11px}.topbar-actions{flex-wrap:nowrap;flex:none;gap:6px!important}.topbar-actions .button{border-radius:12px;width:38px;height:38px;min-height:38px;padding:0}.topbar-actions .button-label{display:none}.notification-button span{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-top:-18px;margin-left:-12px;padding:0 4px;font-size:10px;display:flex}.content{gap:16px;width:100dvw;max-width:100dvw;padding:14px}.view-stack{gap:16px}.page-header{align-items:stretch;gap:12px;padding:0}.page-header h2{font-size:23px}.page-header p{font-size:13px;line-height:1.45}.page-actions,.modal-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.page-actions .button,.modal-actions .button{width:100%}.metric-grid,.dashboard-grid,.detail-grid,.documents-grid,.project-summary,.chart-grid,.control-tower,.live-hero{grid-template-columns:1fr;gap:12px}.metric-card{min-height:116px;padding:16px}.metric-card strong{font-size:24px}.panel{padding:16px}.panel,.table-shell,.metric-card,.file-card,.kanban-card,.portfolio-card,.recent-project-card,.template-card{border-radius:12px}.smart-filter-bar,.document-toolbar{border-radius:12px;grid-template-columns:1fr;gap:10px;padding:10px;display:grid}.project-quick-stats,.filter-chips{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.project-quick-stats::-webkit-scrollbar{display:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{flex:none}.project-form,.log-form,.form-grid,.compact-form{grid-template-columns:1fr}.tabs{scrollbar-width:none;gap:8px;padding-bottom:2px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none}.kanban{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:minmax(82vw,1fr);grid-auto-flow:column;margin-inline:-14px;padding:0 14px 6px}.kanban-column{scroll-snap-align:start}.portfolio-grid,.file-explorer,.recent-projects-strip,.template-row{grid-template-columns:1fr;gap:12px}.portfolio-card{aspect-ratio:1.45}.table-shell{box-shadow:none;width:100%;max-width:calc(100dvw - 28px);overflow:visible}.data-table{display:none}.mobile-table-cards{gap:10px;width:calc(100dvw - 44px);max-width:calc(100dvw - 44px);padding:10px;display:grid}.mobile-table-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;width:100%;min-width:0;max-width:100%;display:grid;overflow:hidden}.mobile-table-row{gap:6px;min-height:46px;padding:11px 12px;display:grid}.mobile-table-row+.mobile-table-row{border-top:1px solid var(--border)}.mobile-table-row>span{color:var(--muted-2);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:800}.mobile-table-row>div{min-width:0}.table-progress{width:100%;min-width:min(180px,100%)}.progress-wrap{min-width:0}.modal{border-radius:18px 18px 0 0;width:100%;max-height:calc(100vh - 24px);position:fixed;inset:auto 0 0;overflow-y:auto;transform:none}.profile-panel,.notification-panel,.assistant-panel{bottom:calc(86px + env(safe-area-inset-bottom));width:auto;max-height:calc(100vh - 110px);top:auto;left:12px;right:12px;overflow-y:auto}.account-preferences{grid-template-columns:1fr}.account-save-button{justify-self:stretch}.command-palette,.command-panel{border-radius:18px 18px 0 0;width:100%;max-height:calc(100vh - 18px);top:auto;bottom:0;left:0;transform:none}.document-viewer{height:calc(100vh - 24px - env(safe-area-inset-bottom));border-radius:18px;width:calc(100vw - 24px)}.onboarding-card{bottom:calc(92px + env(safe-area-inset-bottom));z-index:54;left:12px;right:12px}.toast{bottom:calc(96px + env(safe-area-inset-bottom));width:calc(100vw - 28px)}}@media (width<=520px){.login-screen{grid-template-columns:1fr;align-content:start;gap:18px;padding:22px 14px 28px}.login-hero{align-content:start;max-width:none}.login-hero h1{margin:10px 0;font-size:34px;line-height:1.02}.login-hero p{margin:0;font-size:14px;line-height:1.5}.login-features{gap:8px;margin-top:14px}.login-features span{padding:7px 9px;font-size:12px}.login-card{border-radius:16px;gap:12px;padding:18px}.auth-tabs{grid-template-columns:1fr}.login-field input,.login-field select{min-height:46px}.onboarding-card{grid-template-columns:34px 1fr;gap:10px}.onboarding-card .button{grid-column:1/-1;width:100%}.onboarding-icon{width:34px;height:34px}.topbar>div:first-child span{display:none}.content{padding:12px}.page-header h2{font-size:21px}.page-actions,.modal-actions{grid-template-columns:1fr}.mobile-table-cards{padding:8px}.row-actions,.table-progress{justify-content:stretch;justify-self:stretch}.row-actions{grid-template-columns:1fr;display:grid}.row-actions .button{width:100%}}.settings-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.settings-avatar{background:var(--accent-soft);color:#001a42;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:18px;font-weight:800;display:flex}.settings-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.settings-hero h3,.settings-hero p{margin:0}.settings-hero p{color:var(--muted);margin-top:4px}.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.settings-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;gap:10px;padding:16px;display:grid}.settings-card>span,.settings-action{align-items:center;gap:10px;display:flex}.settings-card>span{color:var(--accent);font-weight:800}.settings-card p,.settings-action span{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.settings-card strong,.settings-action strong{color:var(--text)}.settings-actions{gap:10px;display:grid}.settings-accordion-list{gap:12px;display:grid}.settings-accordion{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.settings-accordion>summary{cursor:pointer;gap:6px;padding:16px;list-style:none;display:grid;position:relative}.settings-accordion>summary::-webkit-details-marker{display:none}.settings-accordion>summary:after{color:var(--muted);content:"+";font-size:22px;font-weight:800;position:absolute;top:14px;right:20px}.settings-accordion[open]>summary:after{content:"-"}.settings-accordion>summary>span{color:var(--text);align-items:center;gap:10px;padding-right:34px;font-weight:850;display:inline-flex}.settings-accordion>summary>span svg{color:var(--accent)}.settings-accordion>summary small{color:var(--muted);padding-right:34px;font-size:13px}.settings-accordion>.panel,.settings-accordion>.access-panel,.settings-accordion>.company-settings-form,.settings-accordion>.process-settings,.settings-accordion>.settings-detail-grid{box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:0}.settings-detail-grid{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;display:grid}.organization-tile{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:12px;gap:4px;padding:14px;display:grid}.organization-tile.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.organization-tile span{color:var(--muted);font-size:13px}.company-settings-form{border-top:1px solid var(--border);padding:16px}.process-settings{border-top:1px solid var(--border);gap:14px;padding:16px;display:grid}.process-total{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.process-total strong{color:var(--text);font-family:var(--mono);font-size:20px}.process-total.ok{background:#10b98114;border-color:#10b98147}.process-total.warning{background:#f59e0b1a;border-color:#f59e0b4d}.process-editor-list{gap:10px;display:grid}.process-editor-row{background:var(--panel-muted);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto minmax(180px,1fr) 110px auto auto;align-items:end;gap:10px;padding:12px;display:grid}.compact-toggle{white-space:nowrap;margin-bottom:9px}.settings-inline-actions{flex-wrap:wrap;gap:10px;display:flex}.project-detail-main{gap:16px;display:grid}.process-progress-panel{border-top:1px solid var(--border);gap:12px;margin-top:16px;padding-top:16px;display:grid}.compact-title{align-items:center;margin-bottom:0}.compact-title span{align-items:center;gap:6px;display:inline-flex}.project-process-list{gap:10px;display:grid}.project-process-item{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.project-process-item:not(:disabled):hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 12px 26px #2563eb1f}.project-process-item.completed{background:#10b98114;border-color:#10b98147}.project-process-item.completed svg{color:#10b981}.project-stage-list{gap:12px;display:grid}.project-stage-entry{background:color-mix(in srgb, var(--panel) 94%, var(--accent) 6%);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:15px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;box-shadow:0 14px 34px #0f172a0f}.project-stage-entry:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));transform:translateY(-1px);box-shadow:0 18px 42px #0f172a1a}.project-stage-entry.completed{background:linear-gradient(135deg, #10b9811c, var(--panel));border-color:#10b98147}.project-stage-entry.in-progress{background:linear-gradient(135deg, #2563eb1a, var(--panel));border-color:#2563eb47}.stage-entry-copy,.stage-entry-meta{gap:3px;min-width:0;display:grid}.stage-entry-copy strong,.stage-entry-meta span{overflow-wrap:anywhere}.stage-entry-copy small,.stage-entry-meta small{color:var(--muted);font-size:.78rem}.stage-entry-meta{text-align:right}.stage-entry-meta span{color:var(--text);font-weight:900}.stage-entry-action{background:var(--text);color:var(--panel);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:900}.project-stage-card{background:color-mix(in srgb, var(--panel) 94%, var(--accent) 6%);border:1px solid var(--border);border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 14px 34px #0f172a0f}.project-stage-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));transform:translateY(-1px);box-shadow:0 18px 42px #0f172a1a}.project-stage-card.completed{background:linear-gradient(135deg, #10b9811c, var(--panel));border-color:#10b98147}.project-stage-card.in-progress{background:linear-gradient(135deg, #2563eb1a, var(--panel));border-color:#2563eb47}.project-stage-summary{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:15px;display:grid}.project-stage-summary strong{overflow-wrap:anywhere;display:block}.project-stage-summary small{color:var(--muted);margin-top:3px;font-size:.78rem;display:block}.stage-status-icon{background:var(--panel-muted);border:1px solid var(--border);color:var(--accent);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.project-stage-card.completed .stage-status-icon{color:#10b981;background:#10b98124;border-color:#10b98140}.chevron{color:var(--muted);transition:transform .2s}.chevron.open{transform:rotate(180deg)}.project-stage-body{border-top:1px solid var(--border);gap:14px;padding:15px;display:grid}.stage-form-grid{grid-template-columns:minmax(0,1.3fr) minmax(160px,.7fr);gap:12px;display:grid}.field-block{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:800;display:grid}.field-block textarea,.stage-comments input{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);font:inherit;resize:vertical;border-radius:12px;outline:none;min-height:112px;padding:11px 12px;transition:border-color .2s,box-shadow .2s}.field-block textarea:focus,.stage-comments input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1f}.stage-actions,.stage-upload-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.stage-upload-form .form-field{flex:220px}.stage-documents,.stage-comments{background:var(--panel-muted);border:1px solid var(--border);border-radius:14px;gap:8px;padding:12px;display:grid}.stage-documents h4,.stage-comments h4{color:var(--text);align-items:center;gap:7px;margin:0;font-size:.9rem;display:inline-flex}.stage-documents span{background:var(--panel);border:1px solid var(--border);color:var(--text);overflow-wrap:anywhere;border-radius:999px;justify-self:start;align-items:center;gap:7px;max-width:100%;padding:7px 10px;display:inline-flex}.stage-comments p{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:12px;margin:0;padding:9px 10px}.stage-comments p strong{color:var(--text)}.stage-comments form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.stage-comments input{min-height:42px}.stage-workspace{gap:16px;display:grid}.stage-switcher{gap:12px;display:grid}.stage-switcher-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.stage-switch{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:14px;gap:4px;min-height:78px;padding:12px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:grid}.stage-switch:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-1px);box-shadow:0 14px 32px #2563eb1f}.stage-switch.active{background:linear-gradient(135deg, #2563eb24, var(--panel));border-color:#2563eb6b;box-shadow:0 12px 30px #2563eb29}.stage-switch strong,.stage-switch small{overflow-wrap:anywhere}.stage-switch small{color:var(--muted)}.stage-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.stage-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:900;display:block}.stage-hero h3{margin:0;font-size:clamp(1.6rem,3vw,2.35rem)}.stage-hero p{color:var(--muted);max-width:760px;margin:8px 0 0;line-height:1.6}.stage-hero-metrics{place-items:end;gap:5px;min-width:150px;display:grid}.stage-hero-metrics strong{font-size:2rem}.stage-hero-metrics small{color:var(--muted);text-align:right}.stage-workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:start;gap:16px;display:grid}.stage-main-panel,.stage-side-panel{min-width:0}.stage-control-stack{gap:12px;display:grid}.stage-activity-list{gap:10px;display:grid}.stage-activity-list span{background:var(--panel-muted);border:1px solid var(--border);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.stage-activity-list svg{color:var(--accent)}.stage-document-grid{gap:10px;margin-top:14px;display:grid}.stage-document-card{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.stage-document-card:hover{border-color:var(--accent);transform:translateY(-1px)}.stage-document-card svg{color:var(--accent)}.stage-document-card span{gap:3px;min-width:0;display:grid}.stage-document-card strong,.stage-document-card small{overflow-wrap:anywhere}.stage-document-card small{color:var(--muted)}.settings-admin-stack,.access-panel{gap:16px;min-width:0;display:grid}.settings-admin-stack{scroll-margin-top:20px}.settings-action{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:12px;padding:14px}.settings-action>div{gap:3px;min-width:0;display:grid}.role-editor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-editor select{background:var(--panel-muted);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:150px;min-height:36px;padding:7px 10px}.role-editor select:disabled{opacity:.62}@media (width<=820px){.main{flex-direction:column;align-items:center;width:100%;display:flex;overflow-x:hidden}.topbar{width:100%}.content{width:100%;max-width:430px;margin:0 auto;padding-left:12px;padding-right:12px;overflow-x:hidden}.page-header>div,.page-actions,.smart-filter-bar,.panel,.table-shell{min-width:0;max-width:100%}.page-header h2,.page-header p{overflow-wrap:anywhere}.search-input,.document-search,.sort-select{min-width:0;max-width:100%}.sidebar{grid-template-columns:1fr;width:auto;max-width:406px;left:max(12px,50dvw - 215px);right:max(12px,50dvw - 215px)}.sidebar nav{grid-auto-flow:initial;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:hidden}.sidebar nav button{min-width:0;padding-inline:4px}.sidebar nav button[data-view=users],.sidebar nav button[data-view=system]{display:none}.sidebar nav button span{max-width:100%}.theme-toggle{display:none}.settings-hero,.settings-grid,.settings-detail-grid{grid-template-columns:1fr}.process-editor-row{grid-template-columns:1fr;align-items:stretch}.compact-toggle{margin-bottom:0}.settings-hero{text-align:left}.settings-hero .button{width:100%}.role-editor{align-items:stretch;display:grid}.role-editor select{width:100%;min-width:0}.project-stage-summary,.project-stage-entry{grid-template-columns:auto minmax(0,1fr) auto}.stage-entry-meta{text-align:left;grid-column:2/-1}.stage-entry-action{grid-area:1/3}.project-stage-summary>strong{grid-column:2}.project-stage-summary .chevron{grid-area:1/3}.stage-form-grid,.stage-comments form,.stage-hero,.stage-workspace-grid{grid-template-columns:1fr}.stage-hero-metrics{justify-items:start;min-width:0}.stage-hero-metrics small{text-align:left}.stage-actions .button,.stage-upload-form .button{width:100%}}@media (width<=860px){.marketing-nav{gap:10px;padding:12px 16px}.marketing-brand{gap:8px;min-width:0}.marketing-brand img{width:54px;height:54px}.brand-wordmark-nav{font-size:27px}.marketing-nav-cta{min-height:42px;padding:0 15px}.marketing-nav nav{display:none}.marketing-hero{grid-template-columns:1fr;gap:34px;min-height:auto;padding:44px 16px}.marketing-hero-logo{align-items:flex-start;display:grid}.marketing-hero-logo img{width:150px;height:150px}.marketing-actions,.marketing-primary,.marketing-secondary{width:100%}.marketing-dashboard{min-height:auto}.dashboard-kpis,.marketing-feature-grid,.marketing-solution-grid,.marketing-module-grid,.marketing-flow,.marketing-problem,.marketing-company-section,.settings-detail-grid{grid-template-columns:1fr}.marketing-section,.marketing-problem,.marketing-company-section{padding:48px 16px}.marketing-blue-section{border-left:0;border-right:0;border-radius:0}.marketing-footer{flex-direction:column;align-items:flex-start;padding:24px 16px}}
