:root{--ink:#211832;--muted:#726b7c;--paper:#fffaf5;--panel:#fff;--line:#eadff0;--purple:#7c3aed;--orange:#f97316;--mint:#11a683;--red:#d84b45;--nav:#241633}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button{font:inherit}aside{position:fixed;inset:0 auto 0 0;width:248px;padding:22px 16px;background:var(--nav);color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand img{width:42px}.brand div{display:grid}.brand b{font-size:18px}.brand span,.safety span{color:#bcb0c8;font-size:12px}nav{display:grid;gap:7px}.nav-btn{border:0;background:transparent;color:#cfc5d8;padding:11px 12px;border-radius:10px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer}.nav-btn svg,.safety svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-btn.active{background:#4b2b68;color:#fff;box-shadow:inset 3px 0 var(--orange)}.safety{margin-top:auto;border:1px solid #513a62;background:#302040;border-radius:14px;padding:14px;display:grid;grid-template-columns:25px 1fr;gap:3px 9px}.safety span{grid-column:2}main{margin-left:248px;min-height:100vh;padding:52px clamp(28px,6vw,90px)}header{max-width:1440px;margin:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--purple)}.top{display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.top h1{font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;margin:8px 0 0}.top p{font-size:17px;color:var(--muted);margin:4px 0}.actions{display:flex;gap:10px;white-space:nowrap}button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.primary{background:var(--purple);border-color:var(--purple);color:#fff}.ghost:hover,button:hover{transform:translateY(-1px)}#view{max-width:1440px;margin:30px auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 28px rgba(50,26,66,.045)}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:85px;height:85px;border-radius:50%;right:-30px;bottom:-35px;background:#f3eafd}.metric:nth-child(2):after{background:#e4f7f1}.metric:nth-child(3):after{background:#fff0df}.metric:nth-child(4):after{background:#ffe9e7}.label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em}.value{font-size:30px;font-weight:800;letter-spacing:-.04em;margin-top:8px}.value small{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;margin-top:14px}.card h2{font-size:19px;margin:3px 0 15px}.flow{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:8px}.flow-step{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.flow-step b{display:block;margin-top:8px}.flow-arrow{text-align:center;color:var(--orange);font-size:20px}.status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:800}.status.ok{background:#dff6ed;color:#087158}.status.warn{background:#fff0d9;color:#a75b00}.status.bad{background:#ffe5e2;color:#a92723}.status.info{background:#eee7ff;color:#5b2bbb}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.08em;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid #f1eaf4}code{background:#f5eff8;padding:3px 6px;border-radius:5px;color:#5b2bbb}.bar{height:8px;background:#f0e7f4;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--orange));border-radius:inherit}.log{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.log time{color:var(--muted);font-family:monospace}.settings{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.setting{display:grid;gap:8px}.setting input,.setting select{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.note{background:#fff4e7;border:1px solid #ffd3a7;color:#8c4b08;padding:15px;border-radius:12px}#toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:950px){aside{position:static;width:auto}.safety{display:none}nav{display:flex;overflow:auto}main{margin:0;padding:30px 18px}.metrics,.settings{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}}@media(max-width:580px){.metrics,.settings{grid-template-columns:1fr}.actions{flex-wrap:wrap}table{font-size:12px}.card{overflow:auto}}