body{margin:0}:root{--z-bg: #0a0a0c;--z-surface: #15151a;--z-surface-2: #1b1b22;--z-border: #2a2a33;--z-text: #f5f5f7;--z-muted: #8c8c99;--z-accent: #ff4f3d;--z-accent-2: #ff7a6e;--z-accent-3: #ffd93d;--z-danger: #e5484d;--z-success: #1f9d67;--z-radius: 14px;--z-font: "Inter", "Segoe UI", system-ui, sans-serif;--z-shadow: 0 16px 40px rgba(0, 0, 0, .45)}.brand-text,.section-title,.h1,.drawer-title,.brand-mark{font-family:"Archivo Black",var(--z-font)}.btn{color:#fff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--z-bg);color:var(--z-text);font-family:var(--z-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:980px;margin:0 auto;padding:12px 16px 24px}.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(5,6,10,.96),rgba(5,6,10,.7) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between;padding:10px 0 8px;border-bottom:1px solid var(--z-border)}.brand{display:flex;align-items:baseline;gap:10px}.brand-text{font-weight:900;letter-spacing:.8px;font-size:20px}.brand-sub{font-size:11px;text-transform:uppercase;letter-spacing:.5em;color:var(--z-muted)}.nav{display:flex;gap:6px}.section{margin-top:18px;display:grid;gap:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{margin:0;font-size:20px}.section-actions{display:flex;gap:8px}.home{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:18px}.home-card{background:linear-gradient(135deg,#ff4f3d1a,#4da3ff14);border:1px solid rgba(255,79,61,.25);border-radius:var(--z-radius);padding:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.home-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000040}.home-card h3{margin:0 0 6px;font-size:18px}.home-card p{margin:0 0 10px;color:var(--z-muted);font-size:13px}.home-action{font-size:12px;font-weight:700;color:var(--z-accent)}.event-list{display:grid;gap:10px}.event-card{background:var(--z-surface);border:1px solid var(--z-border);border-radius:var(--z-radius);padding:12px 14px}.event-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.event-name{font-weight:800;font-size:15px}.event-meta{font-size:12px;color:var(--z-muted)}.event-actions{display:flex;align-items:center;gap:8px}.event-details{margin-top:12px;display:grid;gap:10px}.event-meta-row{display:flex;justify-content:space-between;font-size:12px;color:var(--z-muted)}.event-controls{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hint{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--z-muted)}.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.frame-preview{border-radius:12px;overflow:hidden;background:var(--z-surface-2);border:1px solid var(--z-border)}.frame-preview img{width:100%;height:auto;display:block}.btn-secondary{border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--z-text);padding:8px 12px;cursor:pointer;font-weight:600}.input,.select,.btn,.btn-ghost{border-radius:10px;border:1px solid var(--z-border);background:var(--z-surface-2);color:var(--z-text);padding:8px 10px;font-weight:600;font-family:inherit}.input:focus,.select:focus{outline:none;border-color:#ff4f3d99}.select{min-width:160px}.btn{cursor:pointer;background:linear-gradient(135deg,var(--z-accent),var(--z-accent-2));border:none;color:#001312}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{cursor:pointer;background:transparent}.btn-ghost.active{border-color:#ff4f3d99;color:var(--z-accent)}.btn-danger{background:var(--z-danger);border:none;color:#fff}.btn-success{background:var(--z-success);border:none;color:#fff}.pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.pill.active{background:#ff4f3d33;border:1px solid rgba(255,79,61,.5)}.pill.inactive{background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.h1{margin:6px 0 10px;font-weight:900;letter-spacing:.3px;font-size:clamp(18px,2.6vw,26px)}.header{display:grid;gap:10px;margin-bottom:4px}.header-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.counter{background:var(--z-surface);border:1px solid var(--z-border);border-radius:10px;padding:6px 8px;display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 10px;border-radius:999px;background:var(--z-surface);border:1px solid var(--z-border);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;letter-spacing:.2px;font-size:12px}.chip.active{outline:2px solid rgba(255,79,61,.7)}.toolbar{position:sticky;top:58px;z-index:20;display:flex;gap:8px;align-items:center;margin:8px 0 12px;flex-wrap:wrap;padding:8px 0;background:linear-gradient(180deg,#05060af5,#05060ab3);border-bottom:1px solid var(--z-border)}.pager{justify-content:center}.page-ind{opacity:.8;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}@media(max-width:520px){.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.card{position:relative;background:var(--z-surface);border:1px solid var(--z-border);border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 0 18px #ff4f3d29;transform:translateY(-1px)}.card.focus{outline:2px solid rgba(77,163,255,.8)}.card.selected{outline:2px solid var(--z-success)}.thumb{display:block;width:100%;height:130px;background:#000;border:none;padding:0;margin:0;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:contain;display:block}.card-body{padding:8px 10px;display:grid;gap:6px}.row-top,.row-mid{display:flex;align-items:center;justify-content:space-between;gap:8px}.row-bottom{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--z-muted);-webkit-user-select:none;user-select:none;cursor:pointer}.row-bottom input{transform:scale(1.1)}.badge{background:#00000080;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.4px}.badge.pending{background:#ff4f3d33;border:1px solid rgba(255,79,61,.4)}.badge.approved{background:#1f9d6740;border:1px solid rgba(31,157,103,.45)}.badge.rejected{background:#e5484d40;border:1px solid rgba(229,72,77,.45)}.dims,.date{font-size:11px;opacity:.85}.event{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.loading,.empty{opacity:.8;padding:12px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,92vw);background:#0b0f14;border-left:1px solid var(--z-border);z-index:40;display:grid;grid-template-rows:auto 1fr auto}.drawer-head,.drawer-foot{padding:12px;border-bottom:1px solid var(--z-border)}.drawer-foot{border-top:1px solid var(--z-border);border-bottom:none;display:flex;gap:8px;align-items:center}.drawer-title{font-weight:900}.drawer-body{padding:12px;overflow:auto}.drawer-body img{width:100%;height:auto;background:#000;border-radius:10px}.meta{padding:10px 0;display:grid;gap:6px;color:var(--z-muted);font-size:13px}.meta b{color:var(--z-text)}.meta .row{display:grid;grid-template-columns:120px 1fr;gap:6px}kbd{background:#222;border:1px solid #444;border-bottom-width:3px;padding:2px 6px;border-radius:6px;font-family:ui-monospace,monospace;font-weight:700}.footer{margin:18px 0 8px;display:grid;place-items:center;gap:6px;opacity:.7;font-size:12px}.flex-spacer{flex:1}.lock{min-height:100vh;display:grid;place-items:center;background:var(--z-bg);padding:24px}.lock-card{width:100%;max-width:360px;border-radius:16px;background:var(--z-surface);border:1px solid var(--z-border);box-shadow:var(--z-shadow);padding:24px;text-align:center;display:grid;gap:10px}.lock-card h2{margin:0}.lock-card p{margin:0;color:var(--z-muted)}.lock-foot{font-size:12px;color:var(--z-muted)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-weight:800;letter-spacing:.4px;background:#ff4f3d2e;border:1px solid rgba(255,79,61,.35);color:var(--z-text)}.error{background:#e5484d26;border:1px solid rgba(229,72,77,.35);color:#ffd7d9;padding:8px 12px;border-radius:10px;font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#04060abf;display:grid;place-items:center;z-index:60;padding:16px}.modal{width:min(420px,96vw);background:var(--z-surface);border-radius:16px;border:1px solid var(--z-border);box-shadow:var(--z-shadow);padding:16px;display:grid;gap:12px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0}.modal-body{display:grid;gap:10px}.modal-actions{display:flex;gap:8px}.form-field{display:grid;gap:6px;font-size:12px;color:var(--z-muted)}