:root{--bg:#080a0d;--panel:#11151a;--panel2:#151a20;--line:#252b33;--text:#f5f7f8;--muted:#8e9aa7;--green:#53fc18;--cyan:#50d7ff;--red:#ff5b6e;--amber:#ffc857;--radius:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#14241a 0,transparent 28%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(9,12,15,.94);padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand-dot{width:13px;height:13px;border-radius:4px;background:var(--green);box-shadow:0 0 18px rgba(83,252,24,.45)}.brand strong{font-size:17px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav{border:0;background:transparent;color:#aeb7c0;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;font-weight:650}.nav:hover,.nav.active{background:#172019;color:white}.nav.active{box-shadow:inset 2px 0 var(--green)}.sidebar-footer{margin-top:auto;color:var(--muted);font-size:12px;padding:12px 8px;display:flex;gap:8px;align-items:center}.status-dot{width:8px;height:8px;background:#68737f;border-radius:50%}.status-dot.ok{background:var(--green);box-shadow:0 0 8px rgba(83,252,24,.5)}main{padding:0 34px 50px;min-width:0}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:26px;margin:0}.topbar p{margin:4px 0 0;color:var(--muted)}.page{display:none}.page.active{display:block}.cards{display:grid;gap:14px}.cards.four{grid-template-columns:repeat(4,1fr)}.metric,.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,25,31,.97),rgba(14,18,22,.97));border-radius:var(--radius);box-shadow:0 12px 34px rgba(0,0,0,.18)}.metric{padding:18px}.metric span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;font-size:25px;margin:8px 0 2px}.metric small{color:#697582}.grid{display:grid;gap:14px;margin-top:14px}.grid.two{grid-template-columns:1fr 1fr}.panel{padding:20px;margin-top:14px}.grid>.panel{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.panel h2{font-size:16px;margin:0}.panel-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.btn{border:1px solid var(--line);background:#1a2027;color:white;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(1.12)}.btn.primary{background:var(--green);color:#071006;border-color:var(--green)}.btn.accent{background:#13303a;border-color:#205467;color:#78e4ff}.btn.ghost{background:transparent}.btn.danger-soft{background:#30171b;color:#ff8b98;border-color:#54242c}.btn.small{padding:7px 10px;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.notice{border:1px solid #26343c;background:#111b20;padding:12px 14px;border-radius:11px;color:#b7c6ce;margin-top:16px;font-size:12px}.notice.warn{border-color:#4a3a1e;background:#211b10;color:#e4c888}.kv{display:grid;grid-template-columns:130px 1fr;gap:10px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}label{display:block;color:#b9c2cb;font-size:12px;margin:12px 0}input,textarea,select{width:100%;margin-top:6px;border:1px solid #303741;background:#0c1014;color:white;border-radius:9px;padding:10px 11px;outline:none}textarea{min-height:80px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#4d7254;box-shadow:0 0 0 3px rgba(83,252,24,.06)}.hint{color:var(--muted);font-size:11px}.toggle-row{display:flex;gap:9px;align-items:center}.toggle-row input{width:auto;margin:0}.result{margin-top:12px;color:#9cc8a1;font-size:12px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.table-wrap th{color:var(--muted);font-weight:650}.badge{display:inline-flex;padding:3px 7px;border:1px solid #303842;border-radius:999px;font-size:10px;color:#aeb8c1}.badge.ready,.badge.sent{border-color:#28562d;color:#7cec84}.badge.error{border-color:#5b2930;color:#ff8794}.badge.processing,.badge.waiting_postroll,.badge.queued{border-color:#4e4525;color:#f6d66b}.account-list,.clip-list{display:grid;gap:12px}.account{border:1px solid var(--line);border-radius:12px;background:#0d1115;padding:14px;display:grid;grid-template-columns:180px 1fr auto;gap:14px;align-items:center}.account-title strong{display:block}.account-title small{color:var(--muted)}.account textarea{margin:0}.clip{border:1px solid var(--line);border-radius:13px;background:#0d1115;overflow:hidden}.clip-head{padding:14px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.clip-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.clip-body{padding:14px 16px}.draft{display:grid;grid-template-columns:135px 1fr auto;gap:12px;align-items:center;border-top:1px solid #20262d;padding:10px 0}.draft:first-child{border-top:0}.draft-user{font-weight:700}.draft-content{color:#d6dce1}.draft-actions{display:flex;gap:7px}.saved{margin-left:10px;color:#7cec84}.toast{position:fixed;right:22px;bottom:22px;max-width:390px;padding:12px 15px;border-radius:11px;background:#1b232a;border:1px solid #33404b;box-shadow:0 15px 40px #0008;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#6a3038;color:#ff9ba7}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow:auto}.sidebar nav{display:flex}.sidebar-footer{display:none}main{padding:0 16px 35px}.cards.four,.grid.two,.form-grid.four{grid-template-columns:1fr 1fr}.account{grid-template-columns:1fr}.draft{grid-template-columns:1fr}}@media(max-width:640px){.cards.four,.grid.two,.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.topbar{height:90px}.sidebar{display:block}.sidebar nav{overflow:auto}.brand{padding-bottom:12px}}