:root{--bg:#07080c;--sidebar:#090b10;--panel:#0d1016;--panel2:#11151d;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.13);--text:#f3f5fa;--muted:#8b95a6;--dim:#596273;--violet:#8b75ff;--cyan:#59d8ff;--green:#6ce0ad;--amber:#e8b65d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:linear-gradient(180deg,#0a0c11,#07090d);padding:24px 18px;display:flex;flex-direction:column}.vf-brand{display:flex;gap:10px;align-items:center;padding:0 7px 26px;border-bottom:1px solid var(--line)}.vf-mark{width:37px;height:37px;display:grid;place-items:center;color:#e4dfff;border-radius:11px;background:linear-gradient(145deg,rgba(139,117,255,.17),rgba(89,216,255,.05));border:1px solid rgba(139,117,255,.18)}.vf-brand strong{display:block;font-size:10px;letter-spacing:.18em}.vf-brand small{display:block;color:var(--dim);font-size:9px;margin-top:3px}.sidebar nav{display:grid;grid-gap:5px;gap:5px;margin-top:24px}.sidebar nav a{color:#737e91;font-size:11px;padding:11px 12px;border-radius:9px;transition:.2s ease}.sidebar nav a.active,.sidebar nav a:hover{color:#e2e6ef;background:rgba(255,255,255,.04)}.sidebar nav a.active{border-left:2px solid var(--violet);padding-left:10px}.sidebar-status{margin-top:auto;border-top:1px solid var(--line);padding:18px 7px 0;display:flex;align-items:flex-start;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);margin-top:4px;box-shadow:0 0 14px rgba(232,182,93,.5)}.sidebar-status strong{font-size:8px;letter-spacing:.14em;display:block}.sidebar-status small{font-size:8px;color:var(--dim);display:block;margin-top:4px;line-height:1.4}.workspace{padding:0 30px 36px;max-width:1540px;width:100%;margin:0 auto}.topbar{min-height:84px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.notice span,.panel-heading span,.topbar p{margin:0 0 6px;color:#667186;font-size:8px;letter-spacing:.17em;font-weight:800}.topbar h1{margin:0;font-size:19px;letter-spacing:-.025em}.top-actions{display:flex;align-items:center;gap:10px}.top-actions>span{color:#667085;font-size:10px}.top-actions button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#656e7e;padding:9px 12px;border-radius:999px;font-size:9px;cursor:not-allowed}.notice{margin-top:26px;padding:18px 20px;border-radius:14px;border:1px solid rgba(139,117,255,.15);background:linear-gradient(90deg,rgba(139,117,255,.08),rgba(89,216,255,.025));display:grid;grid-template-columns:280px 1fr;grid-gap:25px;gap:25px;align-items:center}.notice strong{display:block;font-size:13px}.notice p{color:#818b9d;font-size:11px;line-height:1.6;margin:0}.metrics-grid{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.metrics-grid article{min-height:122px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));padding:18px}.metrics-grid span{color:#687387;font-size:8px;font-weight:750;letter-spacing:.13em}.metrics-grid strong{display:block;font-size:28px;letter-spacing:-.04em;margin-top:19px;font-weight:600}.metrics-grid small{color:#596274;font-size:9px;display:block;margin-top:5px}.panel{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.014));padding:22px;overflow:hidden}.panel-heading{display:grid;grid-template-columns:1fr minmax(220px,430px);grid-gap:40px;gap:40px;align-items:end;margin-bottom:24px}.panel-heading.simple{grid-template-columns:1fr}.panel-heading h2{margin:0;font-size:18px;letter-spacing:-.025em}.panel-heading p{color:#737d90;font-size:10px;line-height:1.6;margin:0}.pipeline{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.pipeline-step{min-height:128px;border:1px solid var(--line);border-radius:12px;background:#0b0e13;padding:13px;display:flex;flex-direction:column;position:relative}.pipeline-step>span{font-size:8px;color:var(--violet)}.pipeline-step div{margin-top:auto}.pipeline-step strong{display:block;font-size:10px;margin-bottom:6px}.pipeline-step small{display:block;color:#616b7d;font-size:8px;line-height:1.45}.pipeline-step b{position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;color:#444d5d;font-size:11px;font-weight:400}.pipeline-step:last-child b{display:none}.split-grid{grid-template-columns:1.25fr .75fr;grid-gap:14px;gap:14px}.brand-list,.brand-row,.split-grid{display:grid}.brand-row{min-height:76px;border-top:1px solid var(--line);grid-template-columns:38px 1fr auto;grid-gap:12px;gap:12px;align-items:center}.brand-row:last-child{border-bottom:1px solid var(--line)}.brand-number{color:#566074;font-size:8px}.brand-row strong{display:block;font-size:11px}.brand-row small{display:block;color:#697386;font-size:9px;margin-top:4px}.brand-row em{color:#6c7688;font-style:normal;font-size:8px;border:1px solid var(--line);padding:5px 7px;border-radius:999px}.budget-hero{border:1px solid rgba(139,117,255,.14);border-radius:13px;background:radial-gradient(circle at 30% 0,rgba(139,117,255,.13),rgba(255,255,255,.018));padding:18px}.budget-hero span{font-size:8px;color:#737d90;letter-spacing:.13em}.budget-hero strong{font-size:34px;display:block;letter-spacing:-.045em;margin-top:8px}.budget-hero small{color:#596274;font-size:9px}.policy-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:8px}.policy-grid div{border:1px solid var(--line);border-radius:10px;padding:12px;background:#0b0e13}.policy-grid span{font-size:8px;color:#687286;display:block}.policy-grid strong{font-size:15px;display:block;margin-top:7px}.policy-note{color:#646e80;font-size:9px;line-height:1.5;margin:13px 0 0}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px}.integration-grid article{border:1px solid var(--line);border-radius:12px;padding:15px;background:#0b0e13}.integration-top{display:grid;grid-template-columns:10px 1fr auto;grid-gap:8px;gap:8px;align-items:center}.integration-top strong{font-size:10px}.integration-top em{font-style:normal;font-size:8px;color:#717b8e}.lamp{width:6px;height:6px;border-radius:50%;background:#4b5362}.lamp.ready{background:var(--green);box-shadow:0 0 12px rgba(108,224,173,.55)}.integration-grid p{margin:11px 0 0 18px;color:#626c7e;font-size:9px;line-height:1.5}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.rules-grid div{min-height:115px;padding:14px;border-left:1px solid var(--line2)}.rules-grid strong{font-size:10px}.rules-grid p{color:#667083;font-size:9px;line-height:1.6;margin:8px 0 0}footer{min-height:68px;display:flex;align-items:center;justify-content:space-between;color:#50596a;font-size:8px;letter-spacing:.13em}@media (max-width:1120px){.pipeline{grid-template-columns:repeat(4,1fr)}.pipeline-step b{display:none}.integration-grid,.metrics-grid,.rules-grid{grid-template-columns:1fr 1fr}}@media (max-width:820px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:none}.sidebar-status{margin-top:14px}.workspace{padding:0 14px 24px}.topbar{min-height:76px}.top-actions>span{display:none}.notice{gap:9px}.notice,.panel-heading,.split-grid{grid-template-columns:1fr}.panel-heading{gap:11px}.pipeline{grid-template-columns:1fr 1fr}}@media (max-width:520px){.integration-grid,.metrics-grid,.pipeline,.rules-grid{grid-template-columns:1fr}.topbar h1{font-size:16px}.top-actions button{font-size:8px;padding:8px 9px}.panel{padding:16px}.brand-row{grid-template-columns:30px 1fr;padding:10px 0}.brand-row em{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}