:root{--ink:#11100e;--panel:#171612;--panel2:#1d1b17;--line:#3b3731;--muted:#8d857b;--bone:#f2ead9;--orange:#ff5a1f;--yellow:#f2c914;--green:#72c878;--red:#ff6259;--mono:"Courier New",monospace;--display:Impact,"Arial Narrow",sans-serif;--sans:Inter,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0d0c;color:var(--bone);font-family:var(--sans);font-size:14px}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.85fr) 1.15fr;background:var(--bone);color:var(--ink)}.login-panel{align-self:center;width:min(560px,100%);padding:60px clamp(30px,7vw,100px)}.login-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:35px;background:var(--orange);font:29px var(--display);transform:rotate(-3deg)}.kicker{font:10px var(--mono);letter-spacing:.15em}.login-panel h1{margin:22px 0;font:clamp(70px,8vw,120px)/.77 var(--display);letter-spacing:-.025em}.login-panel h1 em{color:var(--orange);font-style:normal}.login-copy{max-width:470px;color:#605b54;line-height:1.6}.login-panel form{display:grid;gap:15px;margin-top:32px}.login-panel label,.card-form label,.form-grid label{display:grid;gap:7px;color:#746e66;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.login-panel input,.card-form input,.card-form select,.form-grid input,.form-grid select,.form-grid textarea,.filters select{width:100%;padding:13px 14px;border:1px solid #aca397;border-radius:0;background:#fff;color:#151411;outline:0}.login-panel input:focus,.card-form input:focus,.card-form select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--orange);box-shadow:0 0 0 2px rgba(255,90,31,.17)}.login-panel form>button{display:flex;justify-content:space-between;padding:15px 17px;border:0;background:var(--ink);color:#fff;font:10px var(--mono);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.login-panel form>button:hover{background:var(--orange);color:var(--ink)}.login-panel>small{display:block;margin-top:20px;color:#878076;font:8px var(--mono);line-height:1.5}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:70px;background:var(--orange)}.login-art:before{content:"";position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 15px,#111 16px 17px),repeating-linear-gradient(90deg,transparent 0 15px,#111 16px 17px)}.scan-eye{position:absolute;top:13%;left:12%;width:75%;aspect-ratio:2;border:45px solid var(--ink);border-radius:50%;transform:rotate(-7deg)}.scan-eye i{position:absolute;inset:17%;background:var(--ink);border-radius:50%}.scan-eye:after{content:"";position:absolute;left:-15%;right:-15%;top:50%;height:5px;background:var(--bone);box-shadow:0 -70px var(--bone),0 70px var(--bone)}.login-art strong,.login-art span{position:relative;z-index:1}.login-art strong{font:clamp(58px,7vw,115px)/.8 var(--display)}.login-art span{margin-top:25px;font:11px var(--mono);letter-spacing:.14em}.form-error{min-height:18px;margin:0;color:#b62920;font:10px var(--mono);text-transform:none}
.app{min-height:100vh;display:grid;grid-template-columns:262px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 18px;border-right:1px solid var(--line);background:#12110f}.side-brand{display:flex;align-items:center;gap:11px;padding-bottom:22px;border-bottom:1px solid var(--line)}.side-brand>b{display:grid;place-items:center;width:44px;height:44px;background:var(--orange);color:var(--ink);font:23px var(--display);transform:rotate(-2deg)}.side-brand>span{font:26px/.78 var(--display)}.side-brand small{display:block;margin-top:8px;color:#777168;font:7px var(--mono);letter-spacing:.16em}.sidebar nav{display:grid;gap:3px;margin-top:28px}.sidebar nav button{display:grid;grid-template-columns:29px 1fr;gap:7px;padding:12px;border:1px solid transparent;background:transparent;color:#aaa298;text-align:left;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar nav button i{color:#5f5951;font:8px var(--mono);font-style:normal}.sidebar nav button:hover,.sidebar nav button.active{border-color:#454038;background:#1b1916;color:#fff}.sidebar nav button.active i{color:var(--orange)}.owner-chip{margin-top:auto;padding:14px;border:1px solid var(--line);background:#181713}.owner-chip small,.owner-chip span{display:block;color:#777168;font:7px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase}.owner-chip strong{display:block;margin:7px 0 2px;font-size:11px}.owner-chip button{margin-top:12px;padding:0;border:0;background:transparent;color:var(--orange);font:8px var(--mono);text-transform:uppercase}.workspace{min-width:0}.topbar{position:sticky;z-index:20;top:0;min-height:67px;display:flex;align-items:center;justify-content:space-between;padding:13px 32px;border-bottom:1px solid var(--line);background:rgba(15,14,12,.96);backdrop-filter:blur(12px)}.topbar>div{display:flex;align-items:center;gap:12px}.topbar b,.topbar small,.topbar a,.topbar button{font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.topbar small{color:#625d56}.topbar a,.topbar button{padding:8px 10px;border:1px solid #454038;background:transparent;color:#aaa298}.topbar a:hover,.topbar button:hover{border-color:var(--orange);color:var(--orange)}.system-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px rgba(242,201,20,.45)}.system-dot.good{background:var(--green);box-shadow:0 0 12px rgba(114,200,120,.45)}.view{display:none;padding:42px 32px 80px}.view.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.page-heading p,.panel-head p{margin:0 0 7px;color:#7c756c;font:8px var(--mono);letter-spacing:.14em}.page-heading h1{margin:0;font:clamp(60px,7vw,108px)/.78 var(--display);letter-spacing:-.025em}.page-heading>button,.primary{padding:12px 14px;border:1px solid var(--orange);background:var(--orange);color:var(--ink);font:9px var(--mono);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-heading>button:hover,.primary:hover{background:var(--yellow);border-color:var(--yellow)}.launch-badge,.safe-badge{padding:8px 11px;border:1px solid var(--yellow);color:var(--yellow);font:8px var(--mono);letter-spacing:.12em}.safe-badge{border-color:var(--green);color:var(--green)}.critical-alert{display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;margin-bottom:20px;padding:16px 18px;border:1px solid var(--orange);background:rgba(255,90,31,.08)}.critical-alert b{color:var(--orange);font:9px var(--mono);letter-spacing:.1em}.critical-alert p{margin:0;color:#bbb3a8;font-size:11px;line-height:1.55}.critical-alert button{padding:8px 10px;border:1px solid var(--orange);background:transparent;color:var(--orange);font:8px var(--mono);text-transform:uppercase}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;border:1px solid var(--line)}.metrics.compact{grid-template-columns:repeat(3,1fr)}.metric{min-width:0;padding:20px;border-right:1px solid var(--line);background:var(--panel)}.metric:last-child{border-right:0}.metric>span,.metric>small{display:block;color:#7a736a;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.metric>strong{display:block;margin:14px 0 11px;font:43px/.8 var(--display)}.metric>small{font-size:7px;color:#605b54}.split-grid,.integration-grid,.settings-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:20px;margin-bottom:20px}.integration-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{margin-bottom:20px;border:1px solid var(--line);background:var(--panel)}.split-grid>.panel,.integration-grid>.panel,.settings-grid>.panel{margin-bottom:0}.panel-head{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font:30px/.9 var(--display)}.panel-head>b{color:var(--orange);font:10px var(--mono)}.panel-head button,.inline-actions button,.card-form>button,.form-actions button,.action-strip button{padding:9px 10px;border:1px solid #4b453e;background:transparent;color:#bcb4aa;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.panel-head button:hover,.inline-actions button:hover,.card-form>button:hover,.form-actions button:hover{border-color:var(--orange);color:var(--orange)}.checklist{padding:0 19px}.check-row{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:9px;min-height:49px;border-bottom:1px solid #2d2a26}.check-row:last-child{border-bottom:0}.check-row>i{color:#5e5952;font:8px var(--mono);font-style:normal}.check-row>b{font-size:10px}.check-row>span{color:var(--yellow);font:7px var(--mono);text-transform:uppercase}.check-row.done>i,.check-row.done>span{color:var(--green)}.connections{padding:0 19px}.connection{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:11px;min-height:60px;border-bottom:1px solid #2d2a26}.connection:last-child{border-bottom:0}.connection>i{width:8px;height:8px;border-radius:50%;background:#615b54}.connection>i.good{background:var(--green)}.connection>i.warn{background:var(--yellow)}.connection b,.connection small{display:block}.connection b{font-size:10px}.connection small{margin-top:4px;color:#6f6961;font:7px var(--mono)}.connection>span{color:#858078;font:7px var(--mono);text-transform:uppercase}.empty-state{padding:48px 20px;text-align:center}.empty-state b{display:block;color:#47423c;font:48px var(--display)}.empty-state p{max-width:650px;margin:10px auto;color:#777168;font-size:11px;line-height:1.6}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 17px;border-bottom:1px solid #2d2a26;text-align:left;white-space:nowrap}tr:last-child td{border-bottom:0}th{color:#706960;font:7px var(--mono);letter-spacing:.1em;text-transform:uppercase}td{color:#aaa298;font:9px var(--mono)}td strong{display:block;color:var(--bone);font:11px var(--sans)}td small{display:block;margin-top:4px;color:#6d665e;font:7px var(--mono)}td .actions{display:flex;gap:6px}td button{padding:6px 7px;border:1px solid #48433c;background:transparent;color:#aaa298;font:7px var(--mono);text-transform:uppercase}td button:hover{border-color:var(--orange);color:var(--orange)}.status-pill{padding:6px 8px;border:1px solid #58524a;color:#aaa298;font:7px var(--mono);text-transform:uppercase}.status-pill.good{border-color:var(--green);color:var(--green)}.status-pill.warn{border-color:var(--yellow);color:var(--yellow)}.status-pill.bad{border-color:var(--red);color:var(--red)}.margin-good{color:var(--green)}.margin-warn{color:var(--yellow)}.margin-bad{color:var(--red)}.action-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:15px 17px;border:1px solid var(--orange);background:rgba(255,90,31,.07)}.action-strip b,.action-strip span{display:block}.action-strip b{color:var(--orange);font:10px var(--mono);letter-spacing:.08em}.action-strip span{margin-top:5px;color:#8d857b;font-size:10px}.action-strip button{border-color:var(--orange);color:var(--orange)}.editor{scroll-margin-top:90px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.form-grid input,.form-grid select,.form-grid textarea,.card-form input,.card-form select{border-color:#4b453e;background:#0f0e0c;color:var(--bone)}.form-grid textarea{resize:vertical;min-height:130px;font:10px/1.5 var(--mono)}.wide{grid-column:1/-1}.form-grid label small{color:#69635b;line-height:1.5;text-transform:none;letter-spacing:0}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important}.check input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px}.form-actions .primary{border-color:var(--orange);background:var(--orange);color:var(--ink)}.catalog-results{padding:0 20px 20px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.catalog-variant{padding:10px;border:1px solid #3d3933;color:#aaa298;font:8px var(--mono)}.filters select{padding:8px 30px 8px 9px;border-color:#48433c;background:#0f0e0c;color:#aaa298}.integration-card .card-form{min-height:335px}.card-form{display:grid;align-content:start;gap:15px;padding:19px}.inline-actions{display:flex;gap:9px}.test-result{min-height:18px;margin:0;color:#888178;font:8px/1.5 var(--mono)}.test-result.good{color:var(--green)}.test-result.bad{color:var(--red)}.help{margin:0;color:#777168;font-size:10px;line-height:1.6}.sticky-save{position:sticky;z-index:10;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;border:1px solid #544d44;background:rgba(24,22,19,.97);box-shadow:0 14px 40px rgba(0,0,0,.35)}.sticky-save span{color:#888178;font:8px var(--mono)}.sticky-save .primary{border-color:var(--orange);background:var(--orange);color:var(--ink)}.switch{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;color:#b8b0a6!important;font:10px var(--sans)!important;letter-spacing:0!important;text-transform:none!important}.switch input{position:absolute;opacity:0;pointer-events:none}.switch>span{position:relative;width:38px;height:21px;border:1px solid #5a544c;background:#0e0d0b;border-radius:20px}.switch>span:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#726b63;transition:.2s}.switch input:checked+span{border-color:var(--green);background:rgba(114,200,120,.15)}.switch input:checked+span:after{left:20px;background:var(--green)}.switch.danger input:checked+span{border-color:var(--orange);background:rgba(255,90,31,.15)}.switch.danger input:checked+span:after{background:var(--orange)}.status-list{display:grid;gap:0}.status-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #302d28;color:#807970;font:8px var(--mono)}.status-list>div:last-child{border-bottom:0}.status-list b{color:#bfb7ad}.green{color:var(--green)!important}.toast{position:fixed;z-index:100;right:20px;bottom:20px;max-width:440px;padding:13px 16px;border:1px solid var(--orange);background:#171512;color:var(--bone);font:9px/1.5 var(--mono);opacity:0;transform:translateY(14px);pointer-events:none}.toast.show{opacity:1;transform:none}.toast.bad{border-color:var(--red)}
@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{min-width:max-content}.owner-chip{display:none}.split-grid,.integration-grid,.settings-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:45px 22px}.sidebar{padding:15px}.side-brand{padding-bottom:14px}.topbar{padding:12px 17px}.topbar small,.topbar a{display:none}.view{padding:34px 17px 70px}.page-heading{align-items:flex-start;flex-direction:column}.critical-alert{grid-template-columns:1fr}.metrics,.metrics.compact{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.action-strip{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.catalog-grid{grid-template-columns:1fr}.sticky-save{align-items:stretch;flex-direction:column}.check-row{grid-template-columns:28px 1fr;padding:8px 0}.check-row>span{grid-column:2}.login-panel h1{font-size:76px}}