@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";:root{--page: #f6f8fb;--surface: #ffffff;--surface-soft: #f1f5f9;--text: #111827;--muted: #637083;--line: #dde5ef;--line-soft: #edf2f7;--accent: #176b87;--accent-soft: #eaf7fa;--ok: #2f855a;--warn: #b7791f;--danger: #c24136;--shadow: 0 8px 20px rgba(27, 38, 54, .06)}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;background:var(--page);color:var(--text);font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400}body:has(.login-page){background:linear-gradient(180deg,rgba(23,107,135,.08),transparent 40%),var(--page)}button,input,select{font:inherit}strong{font-weight:500}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.64}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;z-index:30;height:100vh;overflow-y:auto;border-right:1px solid var(--line);background:var(--surface);padding:0 14px 18px}.brand{display:flex;align-items:center;gap:10px;height:58px;color:var(--text);font-size:18px;font-weight:500;text-decoration:none}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#14213d;color:#7dd3fc;box-shadow:var(--shadow)}.dashboard-switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:3px}.switcher-item,.menu-item,.refresh-button,.icon-button,.mobile-menu{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:8px;background:transparent;color:var(--muted);transition:background .16s ease,color .16s ease,box-shadow .16s ease}.switcher-item{width:100%;font-size:12px;font-weight:500}.switcher-item:hover,.switcher-item.active,.menu-item:hover,.menu-item.active{background:var(--accent-soft);color:var(--accent)}.switcher-item.active{background:var(--surface);box-shadow:var(--shadow)}.menu-label,.menu-section,.content-kicker{color:#8a98aa;font-size:10px;font-weight:500;letter-spacing:0;text-transform:uppercase}.menu-label{margin:16px 10px 0}.sidebar-menu{display:grid;gap:6px;border-top:1px solid var(--line-soft);margin-top:10px;padding-top:10px}.menu-section{margin:0 10px 2px}.menu-item{width:100%;justify-content:flex-start;min-height:38px;padding:0 10px;text-align:left}.menu-item.active{box-shadow:inset 2px 0 0 var(--accent);font-weight:500}.main-content{min-width:0;padding:16px 20px}.topbar{display:flex;min-height:42px;align-items:center;gap:12px}.topbar h1{margin:0;font-size:18px;font-weight:500;line-height:1.2}.status-line{margin:3px 0 0;color:var(--muted);font-size:11px}.status-line.error{color:var(--danger)}.refresh-button{border:1px solid var(--line);background:var(--surface);color:var(--accent);font-weight:500;padding:0 12px}.admin-chip{display:inline-flex;align-items:center;min-height:32px;margin-left:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:500;padding:0 10px}.logout-button{margin-left:0}.login-page{display:grid;min-height:100vh;place-items:center;padding:20px}.login-panel{width:min(100%,380px);border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:18px}.login-panel.compact{width:min(100%,320px)}.login-brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line-soft);padding-bottom:14px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px;font-weight:500;line-height:1.1}.login-brand span{color:var(--muted);font-size:11px;font-weight:400;margin-top:2px}.login-form{display:grid;gap:12px;padding-top:16px}.login-form h1{margin:0;font-size:20px;font-weight:500;line-height:1.2}.login-form p{margin:4px 0 0;color:var(--muted);font-size:12px}.login-form label{display:grid;gap:6px}.login-form label span{color:var(--muted);font-size:11px;font-weight:500}.auth-input{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);outline:none;padding:0 11px}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176b871f}.login-error{border:1px solid rgba(194,65,54,.2);border-radius:8px;background:#c2413614;color:var(--danger)!important;font-weight:500;padding:9px 10px}.login-button{min-height:38px;border-radius:8px;background:var(--accent);color:#fff;font-weight:500}.dashboard-content{min-height:calc(100vh - 72px);padding-top:16px}.content-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.content-kicker{margin:0 0 4px}.content-header h2{margin:0;font-size:18px;font-weight:500}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-card,.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metric-card{min-height:90px;padding:14px}.metric-card span{display:block;color:var(--muted);font-size:11px;font-weight:500}.metric-card strong{display:block;margin-top:8px;font-size:24px;font-weight:500}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.panel{padding:14px}.panel h3{margin:0 0 10px;font-size:13px;font-weight:500}.mini-list,.event-list{display:grid;gap:8px}.mini-row,.event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.mini-row span,.event-row span{min-width:0;overflow-wrap:anywhere}.mini-row strong,.event-row strong{color:var(--text);font-weight:500;overflow-wrap:anywhere;text-align:right}.recent-panel,.table-panel{margin-top:10px}.table-panel{padding:0}.table-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.table-header h3{margin:0}.table-header span{color:var(--muted);font-size:11px;font-weight:500}.table-wrap{overflow-x:auto;border-top:1px solid var(--line-soft)}.analytics-table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px}.analytics-table th,.analytics-table td{border-bottom:1px solid var(--line-soft);padding:10px 14px;text-align:left;vertical-align:middle}.analytics-table th{color:#8996a8;font-size:10px;font-weight:500;text-transform:uppercase}.analytics-table td{color:var(--muted)}.analytics-table td strong{color:var(--text);font-weight:500}.analytics-table tr:last-child td{border-bottom:0}.content-table{min-width:840px}.text-input,.select-input{width:100%;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);outline:none;padding:0 10px}.text-input:focus,.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176b871f}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--accent);font-weight:500;padding:0 10px}.event-row{align-items:flex-start;border-top:1px solid var(--line-soft);padding-top:8px}.event-row:first-child{border-top:0;padding-top:0}.mobile-menu,.nav-backdrop{display:none}.mobile-menu{width:34px;height:34px;border:1px solid var(--line);background:var(--surface);color:var(--accent)}@media(max-width:860px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.nav-backdrop.show{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:block;background:#11182752}.mobile-menu{display:inline-flex}.main-content{padding:12px}.analytics-grid,.insight-grid{grid-template-columns:1fr}}