:root{--bg:#f6f6fb;--ink:#25223e;--muted:#827e99;--line:#e8e6f1;--accent:#6246ea;--soft:#f0ecff;--lime:#e2dcff}body{font-size:14px;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}a{color:var(--accent)}.sidebar{background:#fff;width:235px;padding:28px 20px}.brand{color:var(--ink);font-size:24px}.brandmark{width:34px;height:34px;background:var(--accent);color:white;border-radius:11px;display:grid;place-items:center;font-size:23px}.brand small{letter-spacing:2px;font-size:8px}.workspace{margin:30px 0 24px}.workspace strong{overflow-wrap:anywhere}.nav button{font-size:13px}.nav button.active{color:var(--accent);background:var(--soft)}.nav button span:first-child{font-size:19px;width:24px}.main{margin-left:235px}.topbar{background:#ffffffbb;height:78px;padding:0 34px;gap:15px}.topright{gap:12px}.content{padding:32px 34px;max-width:1600px}h1{font-size:34px}.subtitle{font-size:13px;max-width:780px}.btn{font-size:12px;border-radius:9px;min-height:41px;padding:11px 16px;text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.primary:hover{filter:brightness(.93)}.btn:disabled{opacity:.5;cursor:wait}.btn.danger{color:#b3344d}.hero{background:linear-gradient(115deg,#292246,#443371);padding:28px 32px}.hero h2{font-size:26px}.hero p{font-size:12px;color:#dbd2ef}.hero .eyebrow{color:#c5b8f2}.metric{position:relative;overflow:hidden;border-radius:15px}.metric:nth-child(2){background:#f0f7ff}.metric:nth-child(3){background:#f1f9f4}.metric:nth-child(4){background:#fff7ed}.metric-value{font-size:29px}.metric-top,.metric-bottom{font-size:12px}.delta{font-size:10px;background:#ece8fa;color:var(--accent)}.panel{border-radius:15px;margin-bottom:20px}.panelhead h2{font-size:16px}.grid .panel{margin:0}.grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:0 0 16px}.field label{font-weight:600;color:#59526e}.field input,.field select,.field textarea{border:1px solid #dedbe9;border-radius:9px;padding:12px;background:white;color:var(--ink);width:100%;font-size:13px;min-width:0}.field textarea{min-height:105px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.formgrid .wide{grid-column:1/-1}.muted{color:var(--muted);font-size:12px;line-height:1.7}.empty{text-align:center;padding:60px 24px}.empty .glyph{font-size:36px;color:var(--accent);margin-bottom:18px}.empty h2{font-size:22px;margin-bottom:10px}.empty p{max-width:500px;margin:0 auto 22px;line-height:1.7;color:var(--muted)}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#25203e;color:white;padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-story:after{content:'';width:400px;height:400px;border:80px solid #7761cd44;position:absolute;right:-180px;bottom:-150px;transform:rotate(35deg);border-radius:75px;pointer-events:none}.auth-story .brand{color:white;margin-bottom:65px}.auth-story h1{font-size:58px;line-height:1.09;letter-spacing:-2.4px;max-width:500px}.auth-story p{color:#c6bfdf;line-height:1.8;margin-top:25px;font-size:16px;max-width:400px}.auth-form{padding:55px;display:flex;align-items:center;justify-content:center}.auth-form>div{max-width:420px;width:100%}.auth-form h2{font-size:28px;letter-spacing:-1px;margin-bottom:8px}.auth-form form{margin-top:28px}.auth-form .btn{width:100%}.auth-note{margin:20px 0;line-height:1.7;font-size:12px;color:var(--muted)}.error{background:#fff0f2;color:#a52a47;padding:12px;border-radius:9px;margin-bottom:16px;line-height:1.6}.notice{background:#f0edfc;color:#6c588a;border-radius:10px;padding:13px 16px;font-size:12px;line-height:1.7;margin-bottom:20px}.pill{font-size:10px;background:#f0ecff;color:#7259aa;white-space:nowrap}.pill.good{background:#e8f5ef;color:#247c5c}.pill.warn{background:#fff3df;color:#986423}table{white-space:normal}td{font-size:12px;padding:16px 15px 16px 0}th{font-size:10px;letter-spacing:.5px}td .btn{padding:7px 10px;min-height:33px}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-card{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.template-preview{height:150px;background:var(--preview);border-radius:9px;margin-bottom:20px;padding:20px;color:white;position:relative;overflow:hidden}.template-preview:after{content:'';position:absolute;right:-25px;top:-20px;width:130px;height:130px;border:25px solid #ffffff20;border-radius:30px;transform:rotate(25deg)}.template-preview .mini-kpis{display:flex;gap:8px;margin-top:20px}.mini-kpis i{background:#ffffff45;width:30%;height:35px;border-radius:5px}.template-card h3{font-size:16px;margin-bottom:8px}.template-card p{min-height:36px;margin-bottom:16px}.template-card .actions{justify-content:space-between}.badge{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.connection-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.connection{padding:23px;border:1px solid var(--line);border-radius:13px;background:white}.connection h3{font-size:18px;text-transform:capitalize;margin-bottom:12px}.connection .muted{margin:13px 0}.bar{height:9px;border-radius:5px;background:#eeeaf7;overflow:hidden;margin:8px 0 22px}.bar>i{display:block;height:100%;background:var(--accent);border-radius:5px}.report-paper{background:white;max-width:1000px;margin:0 auto;border:1px solid var(--line);border-radius:18px;overflow:hidden}.report-cover{background:var(--report-accent);padding:44px;color:white}.report-cover h1{font-size:38px;line-height:1.2;margin:20px 0}.report-cover p{color:#ffffffcf;line-height:1.8}.report-body{padding:30px}.report-body .panel{border-radius:10px}.report-body .metric-value{font-size:24px}.notes{white-space:pre-wrap;line-height:1.8;font-size:13px}.report-actions{max-width:1000px;margin:0 auto 20px}.report-actions .btn{font-size:11px}.shared{padding:30px}.shared .brand{margin:0 auto 25px;max-width:1000px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.checklist label{display:flex;gap:8px;align-items:center;font-size:13px}.inline-check{display:flex;gap:9px;align-items:center;margin-bottom:20px;font-size:13px}.swatches{display:flex;gap:6px}.swatches button{width:19px;height:19px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #ddd;padding:0}.swatches button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;padding:14px 22px;border-radius:12px;background:#25203e;color:white;z-index:200;display:none;font-size:13px;box-shadow:0 8px 30px #2222}#toast.visible{display:block}dialog{border:0;border-radius:18px;max-width:620px;width:calc(100% - 30px);padding:28px;color:var(--ink);box-shadow:0 20px 100px #20143e33}dialog::backdrop{background:#18112966;backdrop-filter:blur(3px)}dialog h2{font-size:23px;margin-bottom:20px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head button{background:none;font-size:25px}.loading{padding:80px;text-align:center;color:var(--muted)}.spark{width:100%;height:220px;display:block}.spark text{font-size:10px;fill:#8d879e}.stack{display:flex;flex-direction:column;gap:9px}.stack .btn{text-align:left;justify-content:start}.topbar select{max-width:220px;min-width:130px}.menu-btn{display:none}.date-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.date-controls .field{margin:0}.date-controls .field input{padding:9px}.footer-note{margin-top:24px;font-size:11px;color:var(--muted);line-height:1.7}.activity{border-left:2px solid #ded6fa;padding:0 0 23px 20px;margin-left:7px}.activity strong{font-size:12px}.activity p{margin:8px 0;line-height:1.7;white-space:pre-wrap}.activity .muted{font-size:11px}.tablewrap{width:100%}.button-link{background:none;color:var(--accent);text-decoration:underline;padding:0;font-size:inherit}.split-title{display:flex;justify-content:space-between;gap:20px}.bottom-space{margin-bottom:22px}.status-line{margin-top:7px;font-size:11px;color:var(--muted)}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.templates{grid-template-columns:1fr 1fr}.topbar{padding:0 24px}.content{padding:28px 24px}.grid{grid-template-columns:1fr}.auth-story h1{font-size:44px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:10px 0 60px #0003}.main{margin-left:0}.menu-btn{display:block}.topbar{padding:12px 16px;height:auto;min-height:72px}.topright{gap:8px}.crumb{display:none}.content{padding:24px 16px}.heading{align-items:start;flex-direction:column}h1{font-size:29px}.hero{padding:24px;align-items:start;flex-direction:column}.hero h2{font-size:23px}.templates,.connection-list{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-story{padding:35px}.auth-story .brand{margin-bottom:28px}.auth-story h1{font-size:35px;max-width:350px}.auth-story p{display:none}.auth-form{padding:30px 24px}.report-cover{padding:28px}.report-cover h1{font-size:28px}.report-body{padding:18px}.metrics{gap:10px}.metric{padding:17px}.metric-value{font-size:24px}.swatches{display:none}.shared{padding:14px}.checklist{grid-template-columns:1fr}.topbar select{max-width:180px}.tablewrap{overflow:auto}table{min-width:520px}}
@media print{.sidebar,.topbar,.report-actions,#toast,.heading,.footer-note{display:none!important}.main{margin:0}.content,.shared{padding:0}.report-paper{border:0;border-radius:0;max-width:none}.report-cover{print-color-adjust:exact;-webkit-print-color-adjust:exact}.panel,.metric{break-inside:avoid}.report-body{padding:20px 0}.metrics{grid-template-columns:repeat(4,1fr)}body{background:white}.report-cover h1{font-size:30px}}