:root{color-scheme:dark;--bg:#07111f;--card:#101c2d;--line:#2b405d;--text:#f7fbff;--muted:#9eb1c9;--blue:#287dff;--purple:#8b3ff1;--red:#df334d;--green:#18a86b;--gold:#f0b429}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#172849 0,transparent 34%),linear-gradient(145deg,#07111f,#050a12);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}main{width:min(1500px,calc(100% - 32px));margin:auto;padding:24px 0 60px}.topbar,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar{padding:12px 4px 24px}.topbar h1{margin:3px 0 5px;font-size:clamp(30px,4vw,54px)}.topbar p{margin:0}.eyebrow{color:#70a9ff;font-size:12px;font-weight:900;letter-spacing:.15em}.topbar nav{display:flex;flex-wrap:wrap;gap:10px}a,button{border:1px solid var(--line);border-radius:13px;background:#17263b;color:#fff;text-decoration:none;font:800 14px/1 system-ui;padding:14px 18px;cursor:pointer}button:hover,a:hover{border-color:#6ca6ff;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}.primary{background:linear-gradient(135deg,var(--blue),var(--purple));border:0}.secondary{background:#17263b}.card{margin-bottom:18px;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(14,26,43,.94);box-shadow:0 18px 50px rgba(0,0,0,.26)}.section-head{margin-bottom:18px}.section-head h2{margin:4px 0 0;font-size:27px}.section-head p{margin:0}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px}.action{position:relative;display:flex;min-height:118px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:18px;text-align:left;background:linear-gradient(145deg,#1b2d46,#111d2f);overflow:hidden}.action .icon{position:absolute;top:14px;left:16px;font-size:27px}.action strong{font-size:17px;line-height:1.15}.action small{margin-top:7px;color:var(--muted);line-height:1.25}.action.danger{border-color:#873244;background:linear-gradient(145deg,#4b1824,#24121a)}.action.running{border-color:#2cc985;box-shadow:0 0 0 2px rgba(44,201,133,.18)}.unpin{position:absolute;top:8px;right:8px;padding:7px 9px;border:0;background:transparent;color:#ffd45d;font-size:20px}.catalog-group{margin-top:24px}.catalog-group h3{margin:0 0 11px;color:#c8d9f0;font-size:14px;letter-spacing:.1em}.catalog-row{display:grid;grid-template-columns:44px minmax(180px,1fr) 2fr;align-items:center;gap:12px;margin:8px 0;padding:11px;border:1px solid #243a57;border-radius:14px;background:#0b1727}.pin{padding:9px;background:#17263b;color:#8193aa;font-size:20px}.pin.active{color:#ffd45d;border-color:#c79827;background:#423415}.catalog-row strong{font-size:15px}.catalog-row span{color:var(--muted);font-size:13px}.empty{padding:28px;border:1px dashed #38516f;border-radius:14px;color:var(--muted);text-align:center}#message{min-height:28px;padding:0 5px 8px;color:#86efac;font-weight:800}@media(max-width:720px){main{width:min(100% - 18px,1500px);padding-top:10px}.topbar,.section-head{align-items:flex-start;flex-direction:column}.card{padding:16px}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action{min-height:110px;padding:14px}.catalog-row{grid-template-columns:42px 1fr}.catalog-row span{grid-column:2}}
.connection{padding:8px 12px;border-radius:999px;background:#7f1d1d;color:#fecaca;font-weight:900;font-size:12px}.connection.online{background:#065f46;color:#a7f3d0}.like-summary{color:#b8c7dc}.like-users{display:grid;gap:8px}.like-user{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #31405a;border-radius:12px;background:#0b1424}.like-user span{color:#9fb0c8}.like-user b{color:#facc15;font-size:18px}@media(max-width:650px){.like-user{grid-template-columns:1fr auto}.like-user span{grid-row:2}.like-user b{grid-column:2;grid-row:1/3}}
.quick-texts,.quick-buttons{display:flex;flex-wrap:wrap;gap:10px}.overlay-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.overlay-form-grid label{display:flex;flex-direction:column;gap:7px;color:#d9e8fb;font-weight:900}.overlay-form-grid .wide{grid-column:1/-1}.overlay-form-grid textarea,.overlay-form-grid select,.overlay-form-grid input[type=text]{width:100%;border:1px solid #38516f;border-radius:12px;background:#07111f;color:#fff;font:700 16px/1.4 system-ui;padding:13px}.overlay-form-grid textarea{resize:vertical}.overlay-form-grid textarea:focus,.overlay-form-grid select:focus,.overlay-form-grid input:focus{outline:2px solid #287dff;outline-offset:1px}.upload-box{display:grid!important;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:15px;border:1px solid #2b405d;border-radius:15px;background:#0b1727}.quick-buttons .danger{background:#7f1d2d;border-color:#e04a62}.quick-buttons #dayOverlayDelete:disabled{display:none}@media(max-width:760px){.overlay-form-grid{grid-template-columns:1fr}.upload-box{grid-template-columns:1fr}.quick-buttons button{flex:1 1 100%}}