:root{color-scheme:dark;--primary: #d8127c;--accent: #1990c6;--bg: #0d0d0d;--surface: #1a1a1a;--card: #1e1e1e;--text: #f0f0f0;--muted: #a0a0a0;--border: #333;--control-border-hover: rgba(255, 255, 255, .14);--success: #34c759;--warning: #ff9500;--error: #ff453a;--sidebar-w: 260px;--header-h: 56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--accent)}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:var(--text);background:#242424;border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);padding:1rem 0;position:fixed;inset:0 auto 0 0;z-index:20;transform:translate(0);transition:transform .2s ease}.sidebar-overlay{display:none}.sidebar-brand{padding:0 1rem 1rem;font-weight:700;font-size:1.1rem;color:var(--primary)}.nav-link{display:block;padding:.65rem 1rem;color:var(--muted);text-decoration:none;border-left:3px solid transparent}.nav-link:hover,.nav-link.active{color:var(--text);background:#d8127c1f;border-left-color:var(--primary)}.main-wrap{flex:1;margin-left:var(--sidebar-w);min-width:0}.topbar{height:var(--header-h);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--surface);position:sticky;top:0;z-index:10;gap:.75rem}.topbar-spacer{flex:1}.menu-btn{display:none;background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.4rem .75rem}.content{padding:1.25rem;max-width:1200px}.page-title{margin:0 0 1rem;font-size:1.35rem}.grid-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}.card h3{margin:0 0 .35rem;font-size:.85rem;color:var(--muted);font-weight:600}.card .val{font-size:1.5rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;border-radius:8px;border:none;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-danger{background:var(--error);color:#fff}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--surface);color:var(--muted);font-weight:600}.form-grid{display:grid;gap:.75rem;max-width:640px}.form-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.checkbox-label{flex-direction:row;align-items:center;gap:.5rem}.checkbox-label input{width:auto}.badge{display:inline-block;padding:.15rem .45rem;border-radius:6px;font-size:.75rem;background:#1990c633;color:var(--accent)}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.alert-error{background:#ff453a26;border:1px solid var(--error);color:#ffb4b0}.alert-info{background:#1990c61f;border:1px solid var(--accent)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem}.bar-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.85rem}.bar-track{flex:1;height:8px;background:var(--surface);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px}select.analytics-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:auto;min-width:13.5rem;max-width:min(22rem,100%);min-height:2.65rem;padding:.5rem 2.5rem .5rem 1rem;background-color:var(--card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b8b8b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:1.1rem;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px #ffffff0f inset,0 2px 8px #0003;font-weight:500;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}select.analytics-select:hover{border-color:var(--control-border-hover)}select.analytics-select:focus{outline:none;border-color:#d8127ca6;box-shadow:0 0 0 3px #d8127c38,0 2px 8px #00000040}select.analytics-select option{background:var(--card);color:var(--text);font-weight:500;padding:.4rem .5rem}.analytics-feature-picker{flex:1 1 100%;min-width:0}.analytics-feature-picker__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;justify-content:space-between}.analytics-feature-picker__title{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a0a0a0f2}.analytics-feature-picker__actions{display:flex;flex-wrap:wrap;gap:.4rem}.analytics-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:.35rem;margin-top:.65rem;padding:.65rem .75rem;max-height:min(17rem,45vh);overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px #ffffff0d inset,0 2px 10px #00000038}.analytics-feature-grid::-webkit-scrollbar{width:8px}.analytics-feature-grid::-webkit-scrollbar-track{background:#0003;border-radius:6px}.analytics-feature-grid::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}.analytics-feature-check{display:flex;align-items:center;gap:.55rem;margin:0;padding:.42rem .5rem;border-radius:8px;font-size:.875rem;color:var(--text);cursor:pointer;transition:background .12s ease;-webkit-user-select:none;user-select:none}.analytics-feature-check:hover{background:#ffffff0d}.analytics-feature-check:focus-within{outline:none;background:#d8127c1a;box-shadow:inset 0 0 0 2px #d8127c59}.analytics-feature-check input{width:1.125rem;height:1.125rem;margin:0;flex-shrink:0;border-radius:4px;accent-color:var(--primary);cursor:pointer}input.analytics-date-input{width:auto;min-width:10.5rem;min-height:2.65rem;padding:.45rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px #ffffff0f inset,0 2px 8px #0003;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input.analytics-date-input:hover{border-color:var(--control-border-hover)}input.analytics-date-input:focus{outline:none;border-color:#d8127ca6;box-shadow:0 0 0 3px #d8127c38,0 2px 8px #00000040}.field-label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--muted);font-weight:500}.field-label span{white-space:nowrap}.field-label.analytics-field-label{gap:.4rem}.field-label.analytics-field-label>span{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a0a0a0f2}.toast-container{position:fixed;bottom:1rem;right:1rem;left:1rem;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;pointer-events:none}.toast-container .toast{pointer-events:auto}.toast{display:flex;align-items:flex-start;gap:.75rem;max-width:min(420px,100%);padding:.85rem 1rem;border-radius:10px;font-size:.9rem;box-shadow:0 8px 24px #00000059;border:1px solid var(--border);animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-msg{flex:1;line-height:1.4}.toast-close{flex-shrink:0;background:transparent;border:none;color:inherit;opacity:.7;font-size:1.25rem;line-height:1;padding:0 .15rem;cursor:pointer}.toast-close:hover{opacity:1}.toast-success{background:#143d1f;border-color:var(--success);color:#e8ffe8}.toast-error{background:#3d1414;border-color:var(--error);color:#ffe8e8}.toast-info{background:var(--card);color:var(--text)}.page-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#00000080;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page-loader-box{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2rem;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000073}.page-loader-spinner{width:2.35rem;height:2.35rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:page-loader-spin .65s linear infinite}@keyframes page-loader-spin{to{transform:rotate(360deg)}}.page-loader-label{margin:0;font-size:.9rem;color:var(--muted)}@media (max-width: 900px){.menu-btn{display:inline-flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:15}.main-wrap{margin-left:0}}