:root{--navy:#0b1930;--navy2:#132b45;--teal:#087f81;--mint:#42d9cc;--ink:#182c43;--muted:#63738a;--line:#dce4ec;--bg:#f1f5f9;--red:#b52c45;--amber:#986309;--radius:16px}*{box-sizing:border-box}body{margin:0;font:16px/1.55 'Inter','Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;background:var(--teal);color:white;padding:10px 17px;font:600 14px/1.4 inherit;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(.94)}button.secondary,.button.secondary{background:white;color:var(--ink);border-color:var(--line)}button.danger{background:#fff0f3;color:var(--red);border-color:#ecc4cb}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #58bdbb;outline-offset:2px}input,select,textarea{font:inherit;font-size:14px;color:var(--ink);border:1px solid #cbd6e2;border-radius:7px;background:white;padding:9px 10px;max-width:100%;width:100%}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:auto}input[type=number]{min-width:85px}label{font-size:14px;font-weight:600;display:block;margin-bottom:12px}label input,label textarea,label select{display:block;margin-top:6px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2}h2{font-size:21px;line-height:1.3}h3{font-size:17px}small,.muted{color:var(--muted)}small{font-size:13px}.eyebrow{display:block;font-size:12px;letter-spacing:1.5px;font-weight:700;color:var(--teal);margin-bottom:5px}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:24px;font-weight:800;letter-spacing:1px}.brand img{width:39px;height:39px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:1.2px;color:#a6c0d3;margin-top:1px}#sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--navy);color:white;padding:25px 18px;display:flex;flex-direction:column;z-index:40}#sidebar .brand{padding:0 7px}.workspace-label{font-size:10px;color:#8da7bd;letter-spacing:1.5px;margin:28px 12px 7px}#companyBadge{background:#172e47;padding:12px;border-radius:9px;font-size:14px;margin-bottom:20px;color:#e9f1f7}#nav{overflow:auto;flex:1}#nav button{width:100%;background:transparent;color:#b7c8d7;justify-content:start;text-align:left;margin:2px 0;padding:11px 12px;font-size:14px;font-weight:500}#nav button.active{background:#173d49;color:#69eadb;border-left:3px solid var(--mint)}#nav button span{width:24px;font-size:12px;opacity:.7}.nav-label{font-size:10px;letter-spacing:1.6px;color:#7c99b0;padding:19px 12px 7px}.sidebar-bottom{padding:18px 10px 0;border-top:1px solid #26384c;margin-top:20px}.sidebar-bottom a{display:block;color:#c4d8e5;font-size:13px}.sidebar-bottom small{font-size:11px}.workspace-main{margin-left:252px;min-width:0}.topbar{background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;justify-content:space-between;padding:17px 30px;position:sticky;top:0;z-index:20}.topbar strong{display:block;font-size:17px}.topbar .eyebrow{font-size:10px}.top-actions{display:flex;align-items:center;gap:15px;font-size:13px;flex-wrap:wrap}#saveStatus{font-size:12px;color:var(--muted)}.icon-btn{background:transparent;color:var(--ink);padding:7px;display:none}#view{padding:30px;max-width:1680px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-heading p{max-width:800px;color:var(--muted);margin-bottom:0}.page-heading h1{font-size:29px}.actions{display:flex;gap:9px;flex-wrap:wrap}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:22px;box-shadow:0 3px 14px #10274404;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.card-head h2,.card-head p{margin:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.stat strong{display:block;font-size:29px;font-weight:700;letter-spacing:-1px;margin:8px 0 3px}.stat span{font-size:13px;color:var(--muted)}.stat .label{font-size:12px;text-transform:uppercase;letter-spacing:.6px}.hero-workspace{background:var(--navy);border-radius:18px;color:white;position:relative;overflow:hidden;min-height:218px;padding:30px 34px;margin-bottom:23px;display:flex;align-items:center}.hero-workspace img{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;opacity:.52;mask-image:linear-gradient(to right,transparent,#000 40%)}.hero-workspace>div{position:relative;max-width:70%}.hero-workspace .eyebrow{color:#77e4d7}.hero-workspace p{color:#bdd2df;max-width:550px;margin:12px 0 18px}.hero-workspace h1{margin:0}.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:4px 10px;font-size:12px;font-weight:600;background:#f5f8fb}.pill.good{background:#e7f7f2;color:#16745a;border-color:#c1e7d8}.pill.warn{background:#fff5df;color:var(--amber);border-color:#edd9aa}.pill.bad{background:#fbecef;color:var(--red);border-color:#efc6d0}.note{padding:13px 17px;border-left:3px solid var(--teal);background:#eaf6f5;color:#254b56;border-radius:0 8px 8px 0;font-size:14px;margin:15px 0}.note.warn{background:#fff6e5;border-color:#d29a2c;color:#755619}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;letter-spacing:.3px;font-weight:700;color:#52677e;background:#f3f7fa;padding:13px;white-space:nowrap}td{padding:12px 13px;border-bottom:1px solid #e9eef3;vertical-align:top}tr:last-child td{border-bottom:0}td input,td select,td textarea{min-width:135px}td textarea{min-width:220px;min-height:70px}td input[type=number]{width:100px;min-width:80px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px}.form-grid .wide{grid-column:1/-1}.empty{border:1px dashed #bfcfdd;border-radius:12px;padding:32px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink)}.progress{height:7px;border-radius:5px;background:#e4ecf1;overflow:hidden}.progress>div{height:100%;background:var(--teal)}.kpi-row{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:14px 0}.kpi-row:last-child{border:0}.kpi-row .progress{grid-column:1/-1}.swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.swot-cell{border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:11px;padding:20px;background:#f5fbfa}.swot-cell.W,.swot-cell.T{border-top-color:#c58b35;background:#fffaf1}.swot-cell ul{padding-left:18px;margin-bottom:0}.swot-cell li{margin:9px 0;font-size:14px}.matrix-svg{width:100%;max-height:350px;display:block}.matrix-legend{display:flex;justify-content:center;gap:13px;font-size:12px;margin-top:10px}.chart-label{fill:#50657c;font:12px Arial,sans-serif}.timeline{overflow:auto}.gantt{min-width:750px}.gantt-row{display:grid;grid-template-columns:230px 1fr;gap:10px;align-items:center;margin:12px 0;font-size:13px}.gantt-track{height:26px;background:repeating-linear-gradient(to right,#eef3f7 0,#eef3f7 calc(8.333% - 1px),#d9e3ec calc(8.333% - 1px),#d9e3ec 8.333%);border-radius:5px;position:relative}.gantt-bar{position:absolute;top:3px;height:20px;background:var(--teal);border-radius:4px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workflow>div{background:#f5f8fb;border:1px solid var(--line);border-radius:12px;padding:16px}.workflow .task{background:white;padding:15px;border:1px solid var(--line);border-radius:9px;margin:12px 0;font-size:14px}.workspace-footer{padding:20px 30px;font-size:12px;color:var(--muted)}#modeBanner>div{padding:10px 30px;background:#fff4dc;font-size:13px;border-bottom:1px solid #ecdcb9}#toast{display:none;position:fixed;bottom:25px;right:25px;z-index:90;background:var(--navy);color:white;padding:16px 22px;border-radius:12px;max-width:470px;box-shadow:0 8px 30px #0003}dialog{border:0;border-radius:18px;width:min(850px,calc(100% - 30px));padding:28px;color:var(--ink);max-height:90vh;overflow:auto;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#06152bb3}.modal-head{display:flex;justify-content:space-between;gap:15px}.modal-head button{background:transparent;color:var(--ink);font-size:24px;padding:0 10px}.setup{padding:8vh 20px}.setup>.card{max-width:660px;margin:auto}.setup form{margin:20px 0}.admin-page{padding:35px}.inline-form{display:flex;align-items:center;gap:12px}.inline-form label{white-space:nowrap}.inline-form input[type=checkbox]{display:inline}.landing{background:#f5f8fb}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:24px 7vw;background:var(--navy);gap:20px}.landing-header nav{display:flex;gap:22px;align-items:center}.landing-header nav a{color:white}.landing-hero{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center;gap:40px;padding:50px 7vw 70px}.landing-hero h1{font-size:clamp(38px,4.2vw,66px);letter-spacing:-2px}.landing-hero p{font-size:18px;max-width:590px;color:#b8cbd9}.landing-hero img{width:100%;height:460px;object-fit:cover;border-radius:24px}.landing-hero .eyebrow{color:#5ddece}.landing-section{max-width:1300px;padding:65px 30px;margin:auto}.landing-section h2{font-size:33px;letter-spacing:-.8px}.price-card{background:var(--navy);color:white;padding:38px;border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.price-card strong{font-size:42px}.price-card p{color:#c0d2df}.landing footer{padding:30px 7vw;border-top:1px solid var(--line);font-size:14px}.report-preview{color:var(--muted)}.changes-list{max-height:350px;overflow:auto}.charts-row{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.readiness{max-height:340px;overflow:auto}.readiness li{font-size:14px;margin:8px 0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}details{border:1px solid var(--line);border-radius:10px;padding:15px;margin:10px 0}summary{font-weight:600;cursor:pointer}details p{margin:12px 0 0;font-size:14px}
@media(max-width:1200px){.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}.hero-workspace>div{max-width:80%}.topbar{padding:15px 20px}}
@media(max-width:900px){#sidebar{transform:translateX(-100%);transition:transform .2s}body.menu-open #sidebar{transform:translateX(0)}.workspace-main{margin-left:0}.icon-btn{display:block}.grid-2,.charts-row{grid-template-columns:1fr}#view{padding:20px}.landing-hero{grid-template-columns:1fr}.landing-hero img{height:300px}.landing-header nav{gap:10px}.landing-header nav .hide-mobile{display:none}}
@media(max-width:600px){h1{font-size:27px}.page-heading{display:block}.page-heading .actions{margin-top:15px}.form-grid,.swot-grid,.workflow,.help-grid{grid-template-columns:1fr}.topbar{padding:10px 13px;gap:8px;flex-wrap:wrap}.top-actions{width:100%;justify-content:space-between}.topbar strong{font-size:15px}.card{padding:18px}.stats{gap:10px}.stat{padding:14px}.stat strong{font-size:23px}.hero-workspace{padding:25px 20px}.hero-workspace>div{max-width:100%}.hero-workspace img{width:100%;opacity:.2}.hero-workspace h1{font-size:26px}.price-card{grid-template-columns:1fr}.landing-header{padding:20px}.landing-header .brand{font-size:20px}.landing-hero{padding:35px 20px}.landing-section{padding:40px 20px}.top-actions a{font-size:13px}.admin-page{padding:20px}}
@media print{#sidebar,.topbar,#modeBanner,.workspace-footer,.actions,button{display:none!important}.workspace-main{margin:0}#view{padding:0}.card{break-inside:avoid;box-shadow:none}.table-wrap{overflow:visible}body{background:white}}