:root{--bg:#070707;--panel:#111;--panel2:#171717;--text:#fff;--muted:#aaa;--line:rgba(255,255,255,.12);--accent:#e50914;--danger:#dc2626;--ok:#10b981}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:#fff}.bb-app{display:flex;min-height:100vh}.bb-sidebar{width:250px;background:#0b0b0b;border-right:1px solid var(--line);padding:18px;position:fixed;top:0;bottom:0;left:0;overflow:auto}.bb-brand{font-size:21px;font-weight:900;margin:4px 0 22px}.bb-sidebar nav a{display:block;text-decoration:none;color:#ccc;padding:12px 13px;border-radius:12px;margin-bottom:6px}.bb-sidebar nav a.active,.bb-sidebar nav a:hover{background:#1d1d1d;color:#fff}.bb-main{margin-left:250px;width:calc(100% - 250px)}.bb-top{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#080808;position:sticky;top:0;z-index:10}.bb-top h1{margin:0;font-size:24px}.bb-user{color:#bbb}.bb-content{padding:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:20px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.card h2{margin:0 0 16px;font-size:20px}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-form h3,.grid-form .wide{grid-column:1/-1}label{display:block;color:#ddd;font-weight:700;font-size:14px}input,textarea,select{width:100%;margin-top:8px;background:#050505;color:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 13px;outline:none;font-family:inherit}textarea{min-height:100px;resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#000!important;text-decoration:none;border:0;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}.btn.primary{background:var(--accent);color:#fff!important}.btn.danger{background:var(--danger);color:#fff!important}.btn.small{font-size:12px;padding:7px 10px;margin:2px}.btn.full{width:100%}.inline{display:inline}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.alert{border-radius:14px;padding:13px 15px;margin-bottom:16px;border:1px solid var(--line)}.alert.success{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.3)}.alert.error{background:rgba(220,38,38,.15);border-color:rgba(220,38,38,.35)}.muted{color:var(--muted);line-height:1.6}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:#bbb;font-size:13px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#333;color:#ddd;font-size:12px}.badge.ok{background:rgba(16,185,129,.18);color:#8ff0c9}.badge.muted{background:rgba(255,255,255,.09);color:#aaa}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.stat strong{display:block;font-size:30px}.stat span{color:#aaa}.flow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.flow span{background:#080808;border:1px solid var(--line);border-radius:999px;padding:9px 12px}.url-cell{max-width:360px;word-break:break-all;color:#bbb}.preview-wrap{margin-top:14px;background:#000;border-radius:14px;overflow:hidden}.login-body,.install-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card,.install-card{width:100%;max-width:520px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px}.install-card{max-width:760px}.login-card h1,.install-card h1{margin:0 0 8px}@media(max-width:900px){.bb-sidebar{position:static;width:100%;height:auto}.bb-app{display:block}.bb-main{margin-left:0;width:100%}.bb-top{position:static}.grid-form,.stats-grid{grid-template-columns:1fr}table{display:block;overflow:auto}.bb-content{padding:14px}}