:root{--bg:#0b0d10;--panel:#12161b;--panel2:#171c22;--line:#252c34;--text:#edf1f5;--muted:#8e99a5;--accent:#e7b65a;--green:#54d38a;--red:#ef6d73;--blue:#70a9ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#26301d 0,#0b0d10 35%);color:var(--text);font:14px Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.top{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:24px;position:sticky;top:0;background:#0b0d10ee;backdrop-filter:blur(16px);z-index:20}.logo{font-size:24px;font-weight:900;letter-spacing:-1px;background:none;border:0;color:var(--text);padding:0}.logo span{color:var(--accent)}.nav{display:flex;gap:4px;flex:1}.nav button,.side button{background:none;border:0;color:var(--muted);padding:11px 13px;border-radius:9px}.nav button:hover,.nav .active,.side .active{background:var(--panel2);color:#fff}.user{margin-left:auto}.header-profile{display:flex;gap:10px;align-items:center;background:none;border:0;color:var(--text);padding:4px;text-align:left;font-size:12px}.header-profile small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2b333c;color:var(--accent);font-weight:800;flex:none}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 68px)}.side{border-right:1px solid var(--line);padding:24px 14px;position:sticky;top:68px;height:calc(100vh - 68px)}.side h4{color:#697581;text-transform:uppercase;font-size:11px;margin:15px 12px 8px}.side button{width:100%;text-align:left;margin:2px 0}.side .icon{width:24px;display:inline-block}.side-note{margin:36px 12px 0;color:var(--muted);font-size:11px;line-height:1.8}.side-note small{font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}main{padding:30px;max-width:1500px;width:100%;min-width:0;margin:0 auto}.hero{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:25px}.hero h1{font-size:32px;margin:7px 0;font-weight:750;letter-spacing:-.8px}.hero p{margin:6px 0;line-height:1.7}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:2px}.muted,.source-label{color:var(--muted)}.source-label{font-size:12px;line-height:1.7}.good{color:var(--green)}.danger{color:var(--red)}
.panel{background:#12161be6;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:18px}.panelhead{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.panelhead h2{font-size:16px;font-weight:650;margin:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 15px;border-bottom:1px solid #20262d;text-align:left;vertical-align:middle}.table th{color:var(--muted);font-size:11px;text-transform:uppercase}.table tr:last-child td{border-bottom:0}.table td small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.table tr:hover{background:#151a20}.tag{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:800}.tag.region{background:#202933;color:#aeb9c5}.tag.demo{color:var(--accent);background:#46391e}.tag.wait{background:#49391d;color:#edc579}
.primary{background:var(--accent);color:#17120a;border:0;border-radius:9px;font-weight:800;padding:11px 15px}.small{padding:7px 10px;background:#20262d;border:1px solid #303842;color:#fff;border-radius:7px}.actions,.between{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.tabs{display:flex;gap:5px;padding:0 0 18px}.tabs button{background:#171c22;border:1px solid var(--line);color:var(--muted);padding:8px 12px;border-radius:8px}.tabs button.on{color:#111;background:var(--accent);border-color:var(--accent)}.banner{display:flex;gap:10px;align-items:center;padding:11px 15px;background:#e7b65a09;border:1px solid #e7b65a25;border-radius:10px;color:#baab87;font-size:12px;margin-bottom:24px;line-height:1.7}.banner .tag{flex:none}.banner a{color:var(--accent)}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin:8px 0}.empty{padding:40px 25px;text-align:center;color:var(--muted);line-height:1.8}.empty b{color:var(--text);display:block;font-size:16px}.empty p{margin:8px 0 16px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;padding:14px 18px;align-items:center}.toolbar input,.toolbar select{background:#11161c;color:var(--text);border:1px solid #303841;border-radius:8px;padding:9px 11px;max-width:100%;min-width:0}.toolbar input{flex:1;min-width:180px}.toolbar .source-label{font-size:11px}.modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modal.show{display:flex}.dialog{width:min(620px,100%);background:#13181e;border:1px solid #313a44;border-radius:17px;box-shadow:0 25px 90px #000b;max-height:90vh;overflow:auto}.dialoghead{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#13181e;z-index:2}.dialoghead h2{font-size:19px;margin:0}.dialogbody{padding:22px}.x{background:none;border:0;color:var(--muted);font-size:24px}.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field.full,.form-help,.form-error{grid-column:1/-1}.field label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px;line-height:1.5}.field input,.field select,.field textarea{width:100%;background:#0e1216;color:#fff;border:1px solid #303841;border-radius:9px;padding:11px;outline:0}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.form .primary{width:100%}.form-help{font-size:12px;line-height:1.7;color:var(--muted)}.form-error{color:#f0a0a6;background:#412129;border-radius:8px;padding:10px 12px}.form-error:empty{display:none}.toast{position:fixed;right:20px;top:85px;background:#18231c;border:1px solid #2e6545;color:#a4efbf;padding:13px 16px;border-radius:10px;display:none;z-index:80}.toast.show{display:block}.toast.error{background:#38202a;border-color:#874048;color:#f1b4ba}.mobile-nav{display:none}
@media(max-width:1200px){.layout{grid-template-columns:195px minmax(0,1fr)}.top{gap:16px}.side{padding:20px 10px}.nav button{padding:9px 10px;font-size:12px}}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.side,.nav{display:none}.top{padding:0 16px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;border-top:1px solid var(--line);background:#101419f5;backdrop-filter:blur(12px);z-index:35;padding:9px 4px calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:var(--muted);font-size:17px;padding:3px 8px}.mobile-nav button span{font-size:10px}.mobile-nav .active{color:var(--accent)}main{padding-bottom:120px}.hero{flex-wrap:wrap}}
@media(max-width:700px){main{padding:20px 14px 110px}.top{height:60px}.hero h1{font-size:27px}.hero p{font-size:13px}.modal{padding:12px}.dialoghead{padding:16px}.dialogbody{padding:17px}.form{grid-template-columns:1fr}.form .field.full,.form-error,.form-help{grid-column:1/-1}.table th,.table td{padding:12px}.banner{align-items:flex-start;font-size:11px;padding:10px}.toast{left:14px;right:14px}.toolbar{padding:12px;gap:8px}.toolbar input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.exbo-profile{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.exbo-profile p{margin:10px 0;line-height:1.6}.exbo-profile small,.exbo-auth p{color:var(--muted);line-height:1.6}.exbo-actions{display:flex;flex-wrap:wrap;gap:9px;flex-shrink:0;max-width:270px}.exbo-auth{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.exbo-auth .primary{width:100%}.exbo-auth p{font-size:12px;margin-bottom:0}.exbo-actions button:disabled,.exbo-auth button:disabled{cursor:not-allowed}@media(max-width:700px){.exbo-profile{align-items:flex-start;flex-direction:column;gap:14px}.exbo-actions{max-width:none;width:100%}.exbo-actions .primary{width:100%}}