:root{--text: #5f6470;--text-h: #111827;--bg: #f8fafc;--panel-bg: #ffffff;--field-bg: #ffffff;--border: #d9dee7;--accent: #2152c5;--accent-bg: rgba(37, 99, 235, .1);--shadow: rgba(15, 23, 42, .12) 0 16px 30px -14px, rgba(15, 23, 42, .08) 0 6px 14px -8px;--sans: Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--text: #a5adbb;--text-h: #f8fafc;--bg: #111827;--panel-bg: #151d2b;--field-bg: #0f172a;--border: #293548;--accent: #60a5fa;--accent-bg: rgba(96, 165, 250, .16);--shadow: rgba(0, 0, 0, .36) 0 18px 36px -16px, rgba(0, 0, 0, .28) 0 8px 18px -12px}}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent-bg);outline-offset:3px}#root{min-height:100svh}h1,h2,p{margin-top:0}h1,h2{color:var(--text-h);font-weight:800;letter-spacing:0}h1{font-size:clamp(36px,5vw,58px);line-height:.98;margin-bottom:0}h2{font-size:24px;line-height:1.15}.login-shell,.dashboard-shell{min-height:100svh}.login-shell{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);background:var(--bg)}.login-media{position:relative;display:flex;align-items:flex-end;min-height:100svh;overflow:hidden;background:#101216}.login-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.78}.login-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#10121614,#101216d1)}.brand-lockup{position:relative;z-index:1;display:inline-flex;align-items:center;gap:14px;padding:32px;color:#fff;text-align:left}.brand-lockup.compact{padding:0;color:var(--text-h)}.brand-lockup div{display:grid;gap:2px}.brand-lockup strong{font-size:18px;line-height:1.1}.brand-lockup span{color:#ffffffb8;font-size:14px}.brand-lockup.compact span{color:var(--text)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700}.login-panel{display:flex;flex-direction:column;justify-content:center;gap:36px;padding:56px clamp(28px,7vw,96px);text-align:left}.login-copy,.dashboard-hero,.section-heading{display:grid;gap:10px}.eyebrow{margin:0;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-copy h1,.dashboard-hero h1{margin:0}.login-copy p:last-child,.dashboard-hero p:last-child{max-width:560px}.login-form{display:grid;gap:18px;width:min(100%,440px)}.login-form label{display:grid;gap:8px;color:var(--text-h);font-size:15px;font-weight:650}.login-form input[type=email],.login-form input[type=password]{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;padding:14px;color:var(--text-h);background:var(--field-bg);font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.checkbox-label{display:inline-flex!important;grid-template-columns:auto 1fr;align-items:center;color:var(--text)!important;font-weight:500!important}.checkbox-label input{width:16px;height:16px;accent-color:var(--accent)}.form-row a{color:var(--accent);font-weight:650;text-decoration:none}.form-error{margin:0;color:#b42318;font-size:14px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;padding:0 18px;border:1px solid transparent;font:inherit;font-weight:750;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.primary-button{color:#fff;background:var(--accent);box-shadow:0 16px 30px #6b46c13d}.secondary-button{color:var(--text-h);background:var(--field-bg);border-color:var(--border)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.dashboard-shell{padding:28px clamp(18px,4vw,48px) 48px;text-align:left}.topbar,.section-heading,.event-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar{padding-bottom:28px;border-bottom:1px solid var(--border)}.topbar-actions{display:flex;align-items:center;gap:10px}.main-navigation{display:flex;align-items:center;gap:4px}.main-navigation a{border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px;font-weight:750;text-decoration:none;transition:color .2s,background .2s}.main-navigation a:hover,.main-navigation a:focus-visible{color:var(--accent);background:var(--accent-bg);outline:none}.nav-toggle{display:none;min-height:40px;border:1px solid var(--border);border-radius:8px;padding:0 14px;color:var(--text-h);background:var(--field-bg);font:inherit;font-size:14px;font-weight:750;cursor:pointer}.dashboard-hero{padding:42px 0 28px}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.metrics-grid article,.events-panel{border:1px solid var(--border);border-radius:8px;background:var(--panel-bg)}.metrics-grid article{display:grid;gap:8px;padding:18px}.metrics-grid span,.event-row span{color:var(--text);font-size:14px}.metrics-grid strong{color:var(--text-h);font-size:30px;line-height:1}.events-panel{margin-top:22px;padding:24px}.section-heading{margin-bottom:20px}.section-heading h2{margin:0}.pin-panel{margin-top:22px;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg)}.pin-form{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px}.pin-form label{display:grid;gap:7px;color:var(--text-h);font-size:14px;font-weight:700}.pin-form input{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;padding:0 12px;color:var(--text-h);background:var(--field-bg);outline:none}.pin-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg)}.pin-message{grid-column:1 / -1;margin:0;font-size:14px;font-weight:700}.pin-message.error{color:#b42318}.pin-message.success{color:#047857}.pin-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}.events-table{display:grid;border-top:1px solid var(--border)}.event-form{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(150px,.8fr) minmax(130px,.6fr) minmax(140px,.7fr);gap:14px;margin-bottom:22px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--field-bg)}.event-form label{display:grid;gap:7px;color:var(--text-h);font-size:14px;font-weight:700}.event-form input:not([type=checkbox]),.event-form select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;padding:0 12px;color:var(--text-h);background:var(--panel-bg);outline:none}.event-form input:not([type=checkbox]):focus,.event-form select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg)}.event-toggle{grid-column:1 / -1;display:flex!important;grid-template-columns:none!important;align-items:left;justify-content:space-between;gap:16px!important;min-height:62px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;color:var(--text-h);background:var(--panel-bg);cursor:pointer}.event-toggle input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.event-toggle>span:last-child{display:grid;gap:2px;order:1}.event-toggle small{color:var(--text);font-size:13px;font-weight:500}.toggle-control{position:relative;order:2;flex:0 0 auto;width:48px;height:28px;border-radius:999px;background:var(--border);transition:background .2s,box-shadow .2s}.toggle-control:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f172a33;transition:transform .2s}.event-toggle input:checked+.toggle-control{background:var(--accent)}.event-toggle input:checked+.toggle-control:after{transform:translate(20px)}.event-toggle input:focus-visible+.toggle-control{box-shadow:0 0 0 4px var(--accent-bg)}.event-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}.event-row{min-height:68px;padding:14px 0;border-bottom:1px solid var(--border)}.event-row:last-child{border-bottom:0}.event-row div{display:grid;gap:4px}.event-row strong{color:var(--text-h)}.status-pill{justify-self:start;border-radius:999px;padding:5px 10px;color:var(--accent)!important;background:var(--accent-bg);font-weight:750}.table-action{min-height:36px;border:1px solid var(--border);border-radius:8px;padding:0 12px;color:var(--text-h);background:var(--field-bg);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.table-action:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 780px){.login-shell{grid-template-columns:1fr}.login-media{min-height:220px}.login-panel{padding:32px 22px}.login-form{width:100%}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.section-heading,.event-row{align-items:flex-start;flex-direction:column}.topbar-actions,.topbar-actions button{width:100%}.topbar-actions{align-items:stretch;flex-direction:column}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.main-navigation{display:none;align-items:stretch;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg)}.main-navigation.is-open{display:flex}.main-navigation a{width:100%;box-sizing:border-box}.pin-form{grid-template-columns:1fr}.pin-form-actions{justify-content:stretch}.pin-form-actions button{flex:1}.event-form{grid-template-columns:1fr}.event-form-actions{justify-content:stretch}.event-form-actions button{flex:1}.table-action{width:100%}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.form-row{align-items:flex-start;flex-direction:column}}
