:root{--night:#090b0a;--panel:#111512;--panel-2:#171b18;--line:#2a302b;--paper:#f3f7f4;--muted:#8f9991;--green:#1ed760;--green-dark:#0e7f36;--amber:#e5b94b;--red:#ef6464;--blue:#6e8cff;--display:"Arial Black","Helvetica Neue",sans-serif;--body:"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{background:var(--night);color:var(--paper);font-family:var(--body)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% -10%,rgba(30,215,96,.12),transparent 31rem),var(--night)}button,input,select{font:inherit}button{color:inherit}.boot{min-height:100vh;display:grid;place-items:center;color:var(--muted);font-size:13px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 24px var(--green);margin-right:10px;display:inline-block}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(340px,510px) 1fr}.auth-main{padding:clamp(28px,7vw,90px);display:flex;flex-direction:column;justify-content:center}.auth-art{position:relative;overflow:hidden;border-left:1px solid var(--line);background:linear-gradient(155deg,rgba(30,215,96,.08),transparent 55%),#0d100e;display:grid;align-content:end;padding:65px}.auth-art:before{content:"";position:absolute;width:520px;height:520px;border:88px solid rgba(30,215,96,.15);border-radius:50%;right:-100px;top:50%;transform:translateY(-58%)}.auth-art:after{content:"";position:absolute;inset:15% 8%;background:repeating-radial-gradient(circle at 70% 48%,transparent 0 21px,rgba(255,255,255,.06) 22px 23px);mask:linear-gradient(90deg,transparent,#000)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:17px;position:absolute;top:34px;left:38px}.brand-mark{display:flex;gap:3px;align-items:center;transform:skewX(-10deg)}.brand-mark i{width:3px;background:var(--green);display:block;border-radius:4px}.brand-mark i:nth-child(1),.brand-mark i:nth-child(5){height:9px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:16px}.brand-mark i:nth-child(3){height:23px}.brand strong{color:var(--green)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.eyebrow:before{content:"";width:17px;height:1px;background:currentColor}.auth h1{font-family:var(--display);font-size:clamp(40px,5vw,70px);line-height:.96;letter-spacing:-4px;margin:20px 0 17px;max-width:640px}.auth-main>p,.auth-art p{color:var(--muted);line-height:1.6;font-size:14px}.auth-form{display:grid;gap:15px;margin-top:28px}.field{display:grid;gap:7px;color:#bcc4be;font-size:11px;font-weight:800}.field input,.field select,.settings-grid input{width:100%;border:1px solid var(--line);border-radius:11px;background:#0c0f0d;color:var(--paper);padding:14px;outline:none}.field input:focus,.settings-grid input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(30,215,96,.1)}.button{min-height:47px;border:0;border-radius:99px;padding:0 22px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button--primary{background:var(--green);color:#061008}.button--quiet{background:#1b211c;color:#dbe2dd;border:1px solid var(--line)}.button--danger{background:rgba(239,100,100,.12);color:#ff9a9a;border:1px solid rgba(239,100,100,.28)}.button:disabled{opacity:.45;cursor:not-allowed}.error,.notice{padding:13px 15px;border-radius:10px;font-size:12px;line-height:1.5}.error{background:rgba(239,100,100,.1);color:#ff9a9a;border:1px solid rgba(239,100,100,.24)}.notice{background:rgba(30,215,96,.08);color:#b7eac7;border:1px solid rgba(30,215,96,.2)}.setup-qr{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:center;margin:20px 0}.setup-qr img{width:170px;border-radius:12px}.secret-code{font:12px ui-monospace,SFMono-Regular,monospace;color:var(--green);word-break:break-all;background:#080a09;padding:11px;border-radius:8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid var(--line);background:#0b0e0c}.sidebar .brand{position:static;margin:0 10px 45px}.nav{display:grid;gap:6px}.nav button{width:100%;border:0;background:transparent;color:#929c94;text-align:left;padding:12px 14px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:800}.nav button:hover,.nav button.active{background:#181d19;color:white}.nav button.active{box-shadow:inset 3px 0 var(--green)}.sidebar-footer{position:absolute;bottom:22px;left:18px;right:18px;border-top:1px solid var(--line);padding-top:17px}.sidebar-footer strong,.sidebar-footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer strong{font-size:12px}.sidebar-footer small{color:var(--muted);font-size:10px;margin-top:4px}.logout{margin-top:12px;border:0;background:none;color:#8f9991;font-size:11px;cursor:pointer;padding:0}.workspace{min-width:0}.topbar{height:76px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(9,11,10,.88);backdrop-filter:blur(18px);z-index:5}.topbar h1{font-size:15px;margin:0}.status-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:900}.status-line i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(30,215,96,.65)}.content{padding:30px 34px 80px;max-width:1500px}.page-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.page-intro h2{font-family:var(--display);font-size:clamp(31px,4vw,52px);letter-spacing:-3px;line-height:1;margin:8px 0 0}.page-intro p{margin:0;max-width:480px;color:var(--muted);font-size:12px;line-height:1.55}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px}.metric span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.metric strong{display:block;font-family:var(--display);font-size:31px;letter-spacing:-2px;margin-top:15px}.metric small{color:#667068;font-size:9px}.grid-2{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:21px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card-head h3{font-size:13px;margin:0}.card-head span{color:var(--muted);font-size:9px;text-transform:uppercase}.funnel{display:grid;gap:12px}.funnel-row{display:grid;grid-template-columns:88px 1fr 38px;gap:11px;align-items:center;font-size:10px;color:#aeb6b0}.funnel-track{height:8px;background:#252b26;border-radius:99px;overflow:hidden}.funnel-track i{height:100%;display:block;background:linear-gradient(90deg,var(--green-dark),var(--green));border-radius:inherit}.health-list{display:grid;gap:12px}.health-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid var(--line);font-size:11px}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:900;text-transform:uppercase}.tag--ok{color:#9bf8b8;background:rgba(30,215,96,.1)}.tag--warn{color:#f5d581;background:rgba(229,185,75,.11)}.tag--bad{color:#ff9d9d;background:rgba(239,100,100,.11)}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input,.toolbar select{background:#0e120f;color:white;border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:none}.toolbar input{flex:1}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}.data-table{width:100%;border-collapse:collapse;min-width:900px;background:var(--panel)}.data-table th,.data-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:10px}.data-table th{position:sticky;top:0;background:#171c18;color:#7e8980;text-transform:uppercase;letter-spacing:.7px}.data-table tr{cursor:pointer}.data-table tbody tr:hover{background:#171c18}.order-title{font-weight:900;color:#e7ece8}.order-sub{color:var(--muted);font-size:9px;margin-top:3px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.setting{padding:17px;border:1px solid var(--line);border-radius:13px;background:#0d110e}.setting label{display:flex;justify-content:space-between;gap:10px;color:#c3cbc5;font-size:11px;font-weight:800;margin-bottom:10px}.setting small{color:var(--muted);font-weight:400}.step-up{margin-top:18px;border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:1fr 160px auto;gap:10px}.integrations{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.integration{border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--panel)}.integration-head{display:flex;justify-content:space-between;gap:10px}.integration h3{font-size:13px;margin:0}.integration p{color:var(--muted);font-size:10px;line-height:1.5}.integration-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.integration input{background:#0b0e0c;border:1px solid var(--line);border-radius:9px;color:white;padding:11px;min-width:0}.audit-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.audit-row{background:var(--panel);padding:13px 15px;display:grid;grid-template-columns:150px 170px 1fr 140px;gap:13px;font-size:10px}.audit-row time,.audit-row span{color:var(--muted)}.empty{padding:55px 20px;text-align:center;color:var(--muted)}.drawer{position:fixed;inset:0 0 0 auto;width:min(560px,100%);background:#101411;border-left:1px solid var(--line);z-index:20;padding:28px;overflow:auto;box-shadow:-30px 0 100px rgba(0,0,0,.45)}.drawer-close{position:absolute;right:20px;top:20px;border:1px solid var(--line);background:#1a201b;border-radius:50%;width:38px;height:38px}.drawer h2{font-family:var(--display);font-size:35px;letter-spacing:-2px;line-height:1.05}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid div{background:#0b0f0c;border:1px solid var(--line);padding:13px;border-radius:10px}.detail-grid small{color:var(--muted);font-size:8px;text-transform:uppercase}.detail-grid strong{display:block;font-size:11px;margin-top:7px;word-break:break-word}.timeline{margin:25px 0;display:grid;gap:0}.timeline div{border-left:1px solid var(--line);padding:0 0 17px 17px;position:relative;font-size:10px}.timeline div:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);left:-4px;top:2px}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap}.mobile-nav{display:none}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.integrations{grid-template-columns:1fr}}@media(max-width:760px){.auth{display:block}.auth-art{display:none}.auth-main{min-height:100vh;padding:80px 22px 35px}.brand{top:25px;left:22px}.auth h1{font-size:43px;letter-spacing:-3px}.setup-qr{grid-template-columns:1fr}.app-shell{display:block}.sidebar{display:none}.topbar{height:64px;padding:0 17px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:#111512;border-top:1px solid var(--line);padding:8px;gap:4px;overflow:auto}.mobile-nav button{border:0;background:none;color:#8e988f;padding:10px 12px;white-space:nowrap;font-size:10px}.mobile-nav button.active{color:var(--green)}.content{padding:24px 15px 90px}.page-intro{display:block}.page-intro p{margin-top:13px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:25px}.settings-grid{grid-template-columns:1fr}.step-up{grid-template-columns:1fr}.integrations{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr}.toolbar{display:grid;grid-template-columns:1fr}.drawer{padding:22px 17px}.detail-grid{grid-template-columns:1fr}}