:root{--navy:#071426;--navy-2:#0b1d33;--ink:#172033;--muted:#667085;--line:#e5eaf1;--surface:#fff;--canvas:#f4f7fb;--primary:#5b5ce2;--primary-dark:#4445c4;--cyan:#21b8d5;--green:#12a66a;--red:#d94c5c;--amber:#e39a22;--radius:16px;--shadow:0 8px 30px rgba(15,30,54,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:linear-gradient(180deg,var(--navy),#06101e);color:#d3ddeb;display:flex;flex-direction:column;z-index:50}.brand{height:86px;padding:18px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7777ff,var(--cyan));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:21px;box-shadow:0 8px 24px rgba(91,92,226,.36);flex:none}.brand strong,.install-brand strong{display:block;color:#fff;font-size:15px;letter-spacing:.04em}.brand small,.install-brand small{display:block;color:#8191a8;font-size:11px;margin-top:1px}.nav-list{padding:16px 12px;overflow-y:auto;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;margin:2px 0;color:#9eacc0;font-weight:550;transition:.2s}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(91,92,226,.33),rgba(91,92,226,.12));box-shadow:inset 3px 0 #8586ff}.nav-icon{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.06);display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:.04em}.nav-item.active .nav-icon{background:rgba(116,117,255,.35)}.sidebar-user{margin:12px;padding:12px;border-radius:13px;background:rgba(255,255,255,.06);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.sidebar-user strong{display:block;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{display:block;color:#8391a5;font-size:10px}.sidebar-user>a{font-size:20px;color:#8391a5}.avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#6768ef,#22b7d4);color:#fff;font-weight:800}.avatar{width:34px;height:34px}.mini-avatar{width:34px;height:34px;flex:none;font-size:12px}.main-area{margin-left:256px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:86px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:30}.page-heading{min-width:0;flex:1}.page-heading h1{margin:0;font-size:22px;letter-spacing:-.02em}.page-heading p{margin:2px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.today-chip{color:#68758a;background:#f5f7fb;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:11px;font-weight:650}.menu-button{display:none;border:0;background:transparent;font-size:22px}.content{padding:26px;max-width:1600px;width:100%;margin:auto;flex:1}.footer{padding:18px 28px;text-align:center;color:#8893a4;font-size:11px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 20px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:2px 0 0;color:var(--muted);font-size:11px}.btn{border:1px solid transparent;border-radius:9px;padding:9px 14px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#7374ee);color:#fff;box-shadow:0 6px 16px rgba(91,92,226,.23)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#eef0ff;border-color:#d9dbff;color:#4c4dc3}.btn-light{background:#fff;border-color:var(--line);color:#536078}.btn-white{background:#fff;color:#4445c4}.btn-danger-ghost{color:var(--red);background:#fff1f3;border-color:#ffdce2}.btn-lg{padding:12px 18px;font-size:13px}.btn-sm{padding:7px 10px;font-size:10px}.btn-block{width:100%}.text-link,.table-link{color:#5152cd;font-weight:750;font-size:11px}.icon-close{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f2f4f8;font-size:19px;color:#667085}.alert{border-radius:11px;padding:12px 14px;margin-bottom:16px;border:1px solid;display:flex;justify-content:space-between;align-items:center}.alert button{border:0;background:transparent;font-size:18px}.alert-success{background:#ecfbf4;border-color:#bcebd4;color:#087548}.alert-danger{background:#fff0f2;border-color:#f5c6ce;color:#a5293d}.alert-warning{background:#fff8e8;border-color:#f0dcaf;color:#966313}.welcome-banner{border-radius:18px;background:radial-gradient(circle at 85% 20%,rgba(33,184,213,.35),transparent 27%),linear-gradient(115deg,#313286,#5556d6);color:#fff;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 14px 36px rgba(50,51,137,.22);margin-bottom:20px}.welcome-banner h2{margin:3px 0 4px;font-size:25px}.welcome-banner p{margin:0;color:#d7d8ff}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:800;color:#5759d3}.eyebrow.light{color:#a9ebf7}.banner-actions{display:flex;gap:9px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:14px;margin-bottom:20px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.kpi-card p{margin:0;color:#667085;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.kpi-card strong{display:block;font-size:22px;margin:1px 0;letter-spacing:-.03em}.kpi-card small{color:#8993a3;font-size:10px}.kpi-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:10px;font-weight:850;flex:none}.kpi-icon.indigo{background:#eeeeff;color:#5556d5}.kpi-icon.green{background:#e8f8f0;color:#07905a}.kpi-icon.blue{background:#e9f8fc;color:#148fab}.kpi-icon.amber{background:#fff5e4;color:#c07908}.kpi-icon.purple{background:#f4edff;color:#8042c8}.kpi-icon.white{background:rgba(255,255,255,.2);color:#fff}.accent-card{background:linear-gradient(135deg,#1f8f82,#1bb79c);border-color:transparent;color:#fff}.accent-card p,.accent-card small{color:#d8fff7}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.span-2{grid-column:span 2}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.table-wrap th{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8893a4;background:#fafbfc;text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}.table-wrap td{padding:12px 14px;border-bottom:1px solid #edf0f4;color:#445066;font-size:11px}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:#fafbfe}.table-wrap td strong{color:#202b3e}.person-cell{display:flex;align-items:center;gap:9px}.person-cell strong,.person-cell small{display:block}.person-cell small,.cell-sub{color:#8a95a6;font-size:9px;margin-top:2px;display:block}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.badge.success{background:#e7f8ef;color:#087b4b}.badge.danger{background:#fff0f2;color:#b03447}.badge.warning{background:#fff5e2;color:#a56a0c}.badge.neutral{background:#eef1f5;color:#657084}.badge-row{display:flex;gap:7px;margin-bottom:8px}.notice-list{padding:6px 18px}.notice-list article{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.notice-list article:last-child{border:0}.notice-dot{width:8px;height:8px;border-radius:50%;background:#6263dc;box-shadow:0 0 0 5px #ededff;margin-top:6px;flex:none}.notice-list strong{font-size:11px}.notice-list p{font-size:10px;color:#69758a;margin:3px 0}.notice-list small{font-size:9px;color:#97a0ad}.project-strip{padding:18px;display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;overflow-x:auto}.project-card{border:1px solid var(--line);border-radius:13px;padding:14px;min-width:190px;transition:.2s}.project-card:hover{border-color:#bfc1fa;transform:translateY(-2px)}.project-card-top{display:flex;justify-content:space-between;gap:6px}.project-card h4{margin:13px 0 3px;font-size:13px}.project-card>p{margin:0;color:#7f8a9c;font-size:10px}.project-card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:14px;color:#7a8698;font-size:8px}.empty-state{text-align:center;color:#8c96a6;padding:30px 16px}.empty-state.wide{grid-column:1/-1;width:100%}.report-toolbar{padding:15px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.report-toolbar label,.filter-bar label{min-width:0}.report-section{padding:19px;margin-bottom:16px}.section-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.section-heading>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eeeeff;color:#5657d4;font-weight:850}.section-heading h3{font-size:13px;margin:0}.section-heading p{margin:1px 0 0;color:#8590a1;font-size:10px}.three-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.three-panel-grid .report-section{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.four{grid-template-columns:repeat(4,1fr)}.form-grid.compact{gap:9px}.stack-form{padding:18px;display:flex;flex-direction:column;gap:13px}.stack-form>.form-grid{gap:11px}.stack-form label,.form-grid label,.report-toolbar label,.filter-bar label,.auth-form label,.install-form label{display:flex;flex-direction:column;gap:5px}.stack-form label>span,.form-grid label>span,.report-toolbar label>span,.filter-bar label>span,.auth-form label>span,.install-form label>span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#69758a;font-weight:800}input,select,textarea{width:100%;border:1px solid #dce2ea;border-radius:9px;background:#fff;color:#253147;padding:9px 10px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#7778e7;box-shadow:0 0 0 3px rgba(91,92,226,.1)}textarea{resize:vertical}.stack-form small{color:#8d97a6;font-size:9px}.calculation-strip{padding:16px 18px;display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:16px;position:sticky;bottom:10px;z-index:12;box-shadow:0 14px 40px rgba(19,35,61,.15)}.calculation-strip span{display:block;color:#7c8798;font-size:9px;text-transform:uppercase;font-weight:800}.calculation-strip strong{font-size:15px}.filter-bar{padding:14px;display:flex;align-items:end;gap:10px;margin-bottom:15px}.filter-bar label{min-width:150px}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:15px}.summary-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:var(--shadow)}.summary-grid span{color:#788496;font-size:9px;text-transform:uppercase;font-weight:800}.summary-grid strong{display:block;font-size:20px;margin:2px 0}.summary-grid small{color:#919baa;font-size:9px}.wide-table{min-width:1250px}.split-layout{display:flex;gap:18px;align-items:flex-start}.flex-main{flex:1;min-width:0}.form-panel{width:350px;flex:none;position:sticky;top:104px}.search-box{display:flex}.search-box input{border-radius:9px 0 0 9px;width:220px}.search-box button{border:0;background:#5960d7;color:#fff;padding:0 12px;border-radius:0 9px 9px 0;font-size:10px}.inline-filters{display:flex;align-items:center;gap:7px}.inline-filters input,.inline-filters select{width:auto;min-width:115px}.role-pill{display:inline-flex;padding:4px 8px;border-radius:7px;font-size:9px;font-weight:800}.role-pill.admin{background:#f3eaff;color:#7842b2}.role-pill.manager{background:#e8f4ff;color:#2475b7}.role-pill.executive{background:#e8f8f1;color:#16815a}.check-row{flex-direction:row!important;align-items:center!important}.check-row input{width:auto}.project-detail{margin-bottom:18px}.project-detail>.panel-head{padding:22px}.project-detail .panel-head h3{font-size:20px;margin:4px 0}.project-detail .panel-head p{max-width:720px;font-size:11px}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 22px;background:#fafbfc}.project-meta span{display:block;color:#8a95a4;font-size:9px;text-transform:uppercase}.project-meta strong{font-size:12px}.task-list{padding:8px 18px}.task-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.task-check{width:23px;height:23px;border:2px solid #cfd5df;border-radius:7px;display:grid;place-items:center;color:#fff;flex:none}.task-check.done{background:#15a66a;border-color:#15a66a}.task-main{flex:1}.task-main strong{font-size:12px}.task-main p{margin:2px 0 7px;color:#707c90;font-size:10px}.task-main>div{display:flex;align-items:center;gap:9px}.task-main small{color:#8a95a6;font-size:9px}.task-status-form select{width:115px;font-size:10px}.project-list-grid{padding:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.project-list-card{border:1px solid var(--line);border-radius:14px;padding:16px}.project-list-card h3{font-size:14px;margin:12px 0 2px}.project-list-card>p{margin:0 0 14px;color:#7d889a;font-size:10px}.progress-line{height:5px;border-radius:9px;background:#edf0f4;overflow:hidden}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,#5b5ce2,#21b8d5)}.project-stats{display:flex;justify-content:space-between;margin-top:7px;color:#7e8999;font-size:9px}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.finance-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.finance-hero article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:var(--shadow)}.finance-hero article.net{background:linear-gradient(135deg,#30317f,#6263df);color:#fff;border:0}.finance-hero span{display:block;font-size:9px;text-transform:uppercase;font-weight:850;color:#738095}.finance-hero strong{display:block;font-size:25px;margin:2px 0}.finance-hero small{color:#8c96a6}.finance-hero .net span,.finance-hero .net small{color:#d8d9ff}.amount{font-weight:800}.amount.income{color:#088c56}.amount.expense{color:#c83f54}.segment-control{display:grid;grid-template-columns:1fr 1fr;background:#f1f3f7;border-radius:10px;padding:3px}.segment-control label input{display:none}.segment-control label span{display:block;text-align:center;padding:8px;border-radius:8px;color:#738096}.segment-control input:checked+span{background:#fff;color:#4f50c7;box-shadow:0 2px 8px rgba(20,35,59,.1)}.document-grid{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.document-card{border:1px solid var(--line);border-radius:13px;padding:13px;display:flex;align-items:center;gap:11px}.file-icon{width:42px;height:48px;border-radius:8px;background:#eeeeff;color:#5657d0;display:grid;place-items:center;font-size:9px;font-weight:900;flex:none}.document-main{min-width:0;flex:1}.document-main strong,.document-main p,.document-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-main strong{font-size:11px}.document-main p{margin:2px 0;color:#687589;font-size:9px}.document-main small{color:#919aaa;font-size:8px}.document-actions{display:flex;flex-direction:column;gap:5px}.document-actions form{margin:0}.upload-zone{border:2px dashed #ccd3df!important;border-radius:13px;padding:22px!important;text-align:center;display:flex!important;align-items:center;background:#fafbfc;cursor:pointer}.upload-zone input{display:none}.upload-zone span,.upload-zone strong,.upload-zone small{display:block!important}.upload-icon{width:38px;height:38px;border-radius:50%;background:#eeeeff;color:#5556d3;display:grid!important;place-items:center;margin-bottom:4px;font-size:20px!important}.notice-board{padding:17px;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.notice-board article{border:1px solid var(--line);border-radius:14px;padding:17px}.notice-header{display:flex;align-items:flex-start;gap:11px}.notice-symbol{width:30px;height:30px;border-radius:9px;background:#fff2df;color:#be7708;display:grid;place-items:center;font-weight:900}.notice-header h3{margin:0;font-size:13px}.notice-header small{color:#8c96a6;font-size:8px}.notice-board article>p{color:#566379;font-size:11px;line-height:1.7}.notice-board footer{border-top:1px solid var(--line);padding-top:9px;color:#8a94a5;font-size:9px}.timeline-list{padding:0 20px}.timeline-list article{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);position:relative}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#6062db;box-shadow:0 0 0 5px #eeeefe;margin-top:5px}.timeline-main{flex:1}.timeline-main strong{font-size:11px}.timeline-main p{margin:2px 0;color:#69758a;font-size:10px}.timeline-main small{color:#929baa;font-size:8px}.timeline-list time{text-align:right;color:#5d697d;font-size:9px}.timeline-list time small{display:block;color:#929baa}.settings-grid,.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.backup-box{padding:20px;display:flex;align-items:center;gap:14px}.backup-icon{width:52px;height:52px;border-radius:14px;background:#eeeeff;color:#5556d2;display:grid;place-items:center;font-size:12px;font-weight:900}.backup-box>div{flex:1}.backup-box p{margin:3px 0;color:#6d798c;font-size:10px}.security-list{border-top:1px solid var(--line);padding:12px 20px}.security-list>div{display:flex;gap:10px;padding:8px 0}.security-list>div>span{color:#0d9f62;font-weight:900}.security-list p{margin:0}.security-list strong,.security-list small{display:block;font-size:10px}.security-list small{color:#8d97a6}.profile-grid{grid-template-columns:380px 1fr}.profile-card{text-align:center;overflow:hidden;position:relative;padding-bottom:20px}.profile-cover{height:108px;background:radial-gradient(circle at 75% 15%,rgba(33,184,213,.5),transparent 28%),linear-gradient(130deg,#292a73,#5b5cdd)}.profile-avatar{width:72px;height:72px;border:5px solid #fff;border-radius:50%;background:linear-gradient(135deg,#5b5ce2,#21b8d5);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900;margin:-36px auto 8px;position:relative}.profile-card h2{margin:0;font-size:20px}.profile-card>p{margin:2px 0 8px;color:#728095}.profile-details{margin:20px;border-top:1px solid var(--line);text-align:left}.profile-details>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.profile-details span{color:#7c8798;font-size:10px}.profile-details strong{font-size:10px}.password-form{max-width:540px}.password-tips{margin:0 18px 18px;padding:16px;background:#f7f8fc;border-radius:12px}.password-tips ul{margin:8px 0 0;padding-left:18px;color:#6d788b;font-size:10px}.auth-body{min-height:100vh;background:#eef2f8}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-visual{background:radial-gradient(circle at 15% 10%,rgba(33,184,213,.28),transparent 28%),radial-gradient(circle at 85% 80%,rgba(91,92,226,.55),transparent 35%),linear-gradient(145deg,#071426,#132e50);color:#fff;display:grid;place-items:center;padding:50px}.login-visual-inner{max-width:640px}.login-visual h1{font-size:52px;line-height:1.08;letter-spacing:-.045em;margin:12px 0 17px}.login-visual p{color:#b7c6d9;font-size:16px;line-height:1.75;max-width:590px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0;color:#d7e6f5}.feature-list span{font-size:12px}.visual-stats{display:flex;gap:0;margin-top:46px;border-top:1px solid rgba(255,255,255,.12);padding-top:23px}.visual-stats>div{padding-right:38px;margin-right:38px;border-right:1px solid rgba(255,255,255,.12)}.visual-stats>div:last-child{border:0}.visual-stats strong,.visual-stats small{display:block}.visual-stats strong{font-size:22px}.visual-stats small{color:#8fa4bb;font-size:9px;text-transform:uppercase}.login-panel{display:grid;place-items:center;background:#fff;padding:40px}.login-card{width:min(410px,100%)}.install-brand{display:flex;gap:12px;align-items:center;margin-bottom:40px}.install-brand strong{color:#172033}.login-heading h2{font-size:28px;letter-spacing:-.03em;margin:0}.login-heading p{color:#7b8798;margin:4px 0 22px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form input{padding:12px}.password-wrap{position:relative}.password-wrap button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:#f1f3f7;color:#677387;border-radius:7px;padding:6px 9px;font-size:9px}.login-note{text-align:center;color:#929baa;font-size:10px;margin-top:18px}.install-wrap{max-width:920px;margin:auto;padding:36px 20px}.install-wrap>.install-brand{justify-content:center}.install-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px rgba(15,31,56,.12);overflow:hidden}.install-intro{background:linear-gradient(135deg,#eef0ff,#effbfe);padding:28px 32px;border-bottom:1px solid var(--line)}.install-intro h1{margin:5px 0;font-size:26px}.install-intro p{margin:0;color:#667387}.install-card>.alert{margin:20px 28px 0}.install-form{padding:10px 30px 30px}.install-form fieldset{border:0;border-bottom:1px solid var(--line);padding:22px 0;margin:0}.install-form legend{font-weight:800;font-size:13px;margin-bottom:13px}.install-form legend span{width:26px;height:26px;border-radius:8px;display:inline-grid;place-items:center;background:#eeeeff;color:#5556d1;margin-right:7px}.install-form>.btn{margin-top:22px}.install-help{text-align:center;color:#8490a1;font-size:10px}.span-2{grid-column:span 2}.sidebar-overlay{display:none}
@media(max-width:1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.project-strip{grid-template-columns:repeat(3,1fr)}.project-list-grid{grid-template-columns:repeat(2,1fr)}.document-grid{grid-template-columns:1fr}.three-panel-grid{grid-template-columns:1fr}.report-toolbar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:rgba(4,12,24,.55);z-index:40}.main-area{margin-left:0}.menu-button{display:block}.top-actions .today-chip{display:none}.dashboard-grid,.settings-grid,.profile-grid{grid-template-columns:1fr}.dashboard-grid .span-2{grid-column:auto}.split-layout{flex-direction:column}.form-panel{position:static;width:100%}.project-list-grid{grid-template-columns:repeat(2,1fr)}.login-layout{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.summary-grid{grid-template-columns:repeat(3,1fr)}.finance-hero{grid-template-columns:1fr 1fr}.report-toolbar{grid-template-columns:repeat(2,1fr)}.calculation-strip{grid-template-columns:repeat(2,1fr)}.calculation-strip .btn{grid-column:span 2}.form-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.topbar{height:auto;min-height:74px;padding:12px 14px}.page-heading h1{font-size:18px}.page-heading p{display:none}.top-actions .btn{font-size:0;padding:9px}.top-actions .btn:after{content:"+";font-size:18px}.content{padding:14px}.welcome-banner{padding:20px;display:block}.welcome-banner h2{font-size:21px}.banner-actions{margin-top:15px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:12px}.kpi-card strong{font-size:18px}.kpi-icon{display:none}.project-strip,.project-list-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.panel-head .inline-filters,.panel-head .search-box{width:100%;overflow:auto}.search-box input{width:100%}.form-grid,.form-grid.four,.report-toolbar{grid-template-columns:1fr}.report-toolbar{padding:12px}.summary-grid{grid-template-columns:1fr 1fr}.finance-hero{grid-template-columns:1fr}.project-meta{grid-template-columns:1fr 1fr;gap:12px}.notice-board{grid-template-columns:1fr}.document-card{align-items:flex-start;flex-wrap:wrap}.document-actions{width:100%;flex-direction:row}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar label{min-width:0}.calculation-strip{position:static;grid-template-columns:1fr 1fr}.login-panel{padding:24px}.install-wrap{padding:15px}.install-form{padding:8px 18px 22px}.install-intro{padding:22px}.span-2{grid-column:auto}.profile-grid{display:block}.profile-card{margin-bottom:15px}}
@media print{.sidebar,.topbar,.footer,.filter-bar,.btn,.form-panel{display:none!important}.main-area{margin:0}.content{padding:0}.panel{box-shadow:none}.table-wrap{overflow:visible}.wide-table{min-width:0;font-size:8px}}