:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf5;background:#0a0c10;font-synthesis:none;--bg:#0a0c10;--surface:#11151c;--surface2:#171c25;--border:#262d3a;--muted:#8f9bad;--text:#e8edf5;--primary:#3b82f6;--primary2:#60a5fa;--good:#22c55e;--bad:#ef4444;--warn:#f59e0b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(59,130,246,.11),transparent 28%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 15px;border-right:1px solid var(--border);background:#0a0c10e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand-mark{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#2563eb,#60a5fa);box-shadow:0 8px 30px #3b82f633}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;color:#aeb8c7;text-decoration:none;font-size:14px}.nav-link:hover{background:#141922;color:#fff}.nav-link.active{background:#182234;color:#fff;box-shadow:inset 0 0 0 1px #60a5fa26}.nav-link.active svg{color:var(--primary2)}.sidebar-foot{margin-top:auto;padding:15px 9px 4px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:var(--good);border-radius:50%;box-shadow:0 0 12px #22c55eb3}.main{min-width:0}.topbar{height:68px;padding:0 30px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#0a0c10a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.content{padding:30px;max-width:1500px;margin:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{margin:0 0 6px;font-size:27px;letter-spacing:-.035em}.page-header p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}.page-actions{display:flex;gap:10px}.card,.hero-card{background:linear-gradient(180deg,#171c25eb,#11151cf0);border:1px solid var(--border);border-radius:13px;padding:20px;box-shadow:0 14px 48px #00000029}.card.soft{background:#10151d}.card h3{margin:9px 0 7px}.card p{color:var(--muted);line-height:1.55;margin:5px 0}.hero-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:30px;padding:30px;margin-bottom:20px;overflow:hidden}.hero-card h2{font-size:29px;max-width:720px;margin:8px 0 12px;letter-spacing:-.04em}.hero-card p{color:#aab5c5;max-width:700px;line-height:1.65}.flow{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:8px}.flow span{background:#0e131b;border:1px solid #273347;border-radius:9px;padding:12px;text-align:center;font-size:13px}.flow b{text-align:center;color:#4c607f}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:#7fb0ff}.grid2,.grid3,.metric-grid{display:grid;gap:16px;margin-bottom:18px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;font-size:13px}.section-title,.strategy-card-head,.strategy-title,.rule-head,.warning-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-title{margin-bottom:16px}.section-title h3{margin:0 0 4px}.section-title p{margin:0}.button{border:1px solid transparent;border-radius:8px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:650;font-size:13px;text-decoration:none;color:#fff;transition:.15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.primary{background:var(--primary);border-color:#4f8df5}.button.secondary{background:#171d27;border-color:#303a4a;color:#d9e1ec}.button.danger{background:#5d2024;border-color:#913139}.button.full{width:100%;margin-top:10px}.icon-button{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:#141922;color:#c9d2df;display:grid;place-items:center}.danger-text{color:#f88787}.text-button{border:0;background:transparent;color:#8db9ff;padding:10px 0}.account-pill{display:flex;align-items:center;gap:8px}.account-name{font-size:12px;color:#aeb8c7}.muted{color:var(--muted)}.tiny{font-size:11px;margin-top:3px}.badge{display:inline-flex;align-items:center;border:1px solid #303846;background:#151a22;padding:4px 7px;border-radius:999px;color:#aab5c5;font-size:10px;font-weight:750;letter-spacing:.06em}.badge.good{border-color:#245c39;background:#102a1c;color:#7fe3a4}.badge.bad{border-color:#653039;background:#30171b;color:#ff969e}.badge.warn{border-color:#664d22;background:#2b2214;color:#f9c76e}.badge.live{border-color:#7a303b;background:#35151a;color:#ff9ca6}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.72fr);gap:18px}.stack{display:flex;flex-direction:column;gap:16px}.sticky-col{align-self:start;position:sticky;top:88px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:flex;flex-direction:column;gap:7px;color:#aeb8c7;font-size:12px;font-weight:600}input,select,textarea{width:100%;background:#0d1117;border:1px solid #293241;border-radius:8px;color:#e5ebf3;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#4a79bd;box-shadow:0 0 0 3px #3b82f61a}textarea{resize:vertical;line-height:1.55}.rule-head.call{border-left:3px solid #22c55e;padding-left:12px}.rule-head.put{border-left:3px solid #ef4444;padding-left:12px}.rule-head h3{margin:3px 0 12px}.rule-head>span{font-size:11px;color:var(--muted)}.action-row{display:flex;gap:9px;align-items:center}.action-row.compact{justify-content:flex-end}.preview{display:flex;flex-direction:column}.preview>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #232a35;font-size:12px}.preview>div:last-child{border-bottom:0}.preview span{color:var(--muted)}.preview strong{text-align:right}.empty{text-align:center;padding:28px 14px;display:flex;flex-direction:column;gap:7px;color:var(--muted)}.empty strong{color:#d9e1eb}.error-box,.inline-note{border:1px solid #71333a;background:#2d171b;border-radius:9px;padding:11px 13px;color:#ffb0b6;font-size:12px;line-height:1.5}.inline-note{border-color:#655123;background:#292314;color:#f1cc82}.strategy-list{display:flex;flex-direction:column;gap:14px}.strategy-title{align-items:center;justify-content:flex-start}.strategy-title h3{margin:0}.strategy-card-head>div:first-child p{margin-top:6px}.strategy-rules{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.strategy-rules>div{border:1px solid #252d39;background:#0d1117;border-radius:8px;padding:11px}.strategy-rules span{font-size:10px;letter-spacing:.12em;color:#7f8b9d;text-transform:uppercase}.strategy-rules p{font-size:12px;color:#d5dde8}.mini-metrics{display:flex;gap:18px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:11px}.mini-metrics b{color:#dce4ef}.credential-info{display:grid;grid-template-columns:100px 1fr;gap:8px;margin:12px 0 16px;font-size:12px}.credential-info span{color:var(--muted)}.warning-row{justify-content:flex-start}.warning-row svg{color:var(--warn);flex:0 0 auto;margin-top:9px}.metric-label{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric-value{display:block;font-size:24px;margin-top:9px;letter-spacing:-.03em}.good-text{color:#76dda0}.bad-text{color:#ff8890}.segmented{background:#10151c;border:1px solid var(--border);border-radius:9px;padding:3px;display:flex}.segmented button{border:0;background:transparent;color:#8f9bad;padding:6px 11px;border-radius:6px}.segmented button.active{background:#24324a;color:#fff}.segmented button.active.live{background:#572028}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#778499;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--border)}td{padding:12px 10px;border-bottom:1px solid #202733;color:#d1d9e5}tr:last-child td{border-bottom:0}.modal-backdrop{position:fixed;inset:0;background:#000000ad;display:grid;place-items:center;z-index:100;padding:20px}.modal-card{width:min(420px,100%);position:relative;background:#141922;border:1px solid #303947;border-radius:14px;padding:24px;box-shadow:0 30px 100px #00000080}.modal-card h2{margin:6px 0 18px}.modal-card label{margin-bottom:12px}.modal-close{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#9ca8b8}.modal-card .inline-note{margin:10px 0}.modal-card .text-button{width:100%}@media(max-width:1050px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:20px 10px}.brand>div:last-child,.nav-link span,.sidebar-foot{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.nav-link{justify-content:center}.workspace-grid{grid-template-columns:1fr}.sticky-col{position:static}.metric-grid,.scope-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0;width:auto;height:62px;z-index:50;display:block;padding:7px;border-right:0;border-top:1px solid var(--border)}.brand,.sidebar-foot{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.nav-link{padding:10px 4px}.main{padding-bottom:65px}.topbar{padding:0 16px;height:58px}.content{padding:20px 14px}.page-header{flex-direction:column}.hero-card{grid-template-columns:1fr;padding:20px}.hero-card h2{font-size:24px}.grid2,.grid3,.metric-grid,.form-grid,.strategy-rules{grid-template-columns:1fr}.scope-grid{grid-template-columns:1fr 1fr}.account-name{display:none}.action-row{flex-wrap:wrap}}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.preview small{color:var(--muted);text-align:right;max-width:58%}