:root{color-scheme:light;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f7fafc,#edf3f9)}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid #d9e4ef;padding:16px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand__icon{width:38px;height:38px;border-radius:12px;background:#185fa5;color:#fff;display:grid;place-items:center;font-weight:700}.brand strong,.brand span{display:block}.brand span{color:#64748b;font-size:12px}.sidebar__section h3{color:#94a3b8;font-size:11px;text-transform:uppercase;margin:18px 0 8px}.nav-item{display:block;color:#475569;text-decoration:none;padding:10px 12px;border-radius:12px;margin-bottom:6px}.nav-item.is-active{background:#e6f1fb;color:#185fa5;font-weight:600}.main-panel{flex:1;display:flex;flex-direction:column}.topbar{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:#ffffffeb;border-bottom:1px solid #d9e4ef;gap:16px}.topbar__heading{display:grid;gap:6px}.topbar h1{margin:0;font-size:20px}.topbar__meta{display:flex;align-items:center;gap:12px}.topbar__date{color:#64748b;font-size:13px}.topbar__user{display:grid;gap:2px;color:#64748b;font-size:13px}.page-content{padding:24px}.page-grid{display:grid;gap:16px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar--spread{justify-content:space-between}.toolbar__label,.page-hint{color:#64748b;font-size:13px}.toolbar__filters{display:flex;gap:8px}.pill,.button{border:none;border-radius:12px;padding:10px 14px;background:#185fa5;color:#fff;cursor:pointer}.pill{background:#fff;color:#475569;border:1px solid #d9e4ef;padding:7px 12px}.pill.is-active{background:#185fa5;color:#fff}.button--ghost{background:#fff;color:#1f2937;border:1px solid #d9e4ef}.button--danger{background:#fee2e2;color:#b91c1c}.search,select,input{width:100%;border-radius:12px;border:1px solid #d9e4ef;padding:10px 12px;background:#fff}.panel,.metric-card{background:#fff;border:1px solid #d9e4ef;border-radius:18px;padding:18px}.panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.chart-box{height:260px}.metric-card__label,.metric-card__helper,.metric-card__trend{display:block;color:#64748b;font-size:12px}.metric-card__value{display:block;font-size:24px;margin:6px 0}.progress{margin-top:10px;background:#e5edf5;height:10px;border-radius:999px;overflow:hidden}.progress__fill{height:100%;background:#185fa5}.progress__fill.is-warn{background:#ef9f27}.progress__fill.is-danger{background:#e24b4a}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.form-grid label,.custom-range{display:grid;gap:6px}.inline-field{display:flex;gap:8px;align-items:center}.inline-field>select{flex:1}.custom-range{grid-template-columns:160px auto 160px;align-items:center}.value-preview,.actions,.session-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.value-preview{background:#e6f1fb;padding:14px;border-radius:14px}.actions--launch{margin-top:20px;justify-content:flex-start}.session-list{display:grid;gap:0}.session-head{display:grid;grid-template-columns:120px minmax(180px,1.2fr) minmax(130px,.95fr) 70px 150px 150px 110px;align-items:center;gap:0;padding:10px 0 14px;margin-bottom:4px;border-bottom:1px solid #d9e4ef;color:#475569;font-size:12px;font-weight:600;background:#f8fbfe;border-radius:12px 12px 0 0;text-transform:uppercase;letter-spacing:.03em}.session-head__cell{padding:0 16px}.session-head__cell+.session-head__cell{border-left:1px solid #d9e4ef}.session-head__cell--center{text-align:center}.session-head__cell--value{text-align:right}.session-head__cell--action{text-align:center}.session-item{display:grid;grid-template-columns:120px minmax(180px,1.2fr) minmax(130px,.95fr) 70px 150px 150px 110px;align-items:center;gap:0;padding:18px 0;border-bottom:1px solid #e2e8f0}.session-item__cell{min-width:0;overflow-wrap:anywhere;padding:0 16px}.session-item__cell+.session-item__cell{border-left:1px solid #e2e8f0}.session-item__cell--muted{color:#64748b;overflow-wrap:normal;white-space:nowrap}.session-item__cell--center{text-align:center}.session-item__cell--value{text-align:right;font-variant-numeric:tabular-nums}.session-item__action{margin-left:16px;justify-self:center}.session-footer{margin-top:18px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e2e8f0}.table-actions{display:flex;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:20px}.modal{width:min(720px,100%);background:#fff;border-radius:20px;padding:22px}.modal__footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;top:16px;right:16px;padding:12px 16px;border-radius:12px;color:#fff}.toast--success{background:#166534}.toast--error{background:#b91c1c}.insights{display:grid;gap:10px}.insight{padding:12px 14px;border-radius:14px;background:#e6f1fb;color:#185fa5}.ranking-list{display:grid;gap:10px}.ranking-item{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center}.ranking-item__position,.badge{display:inline-grid;place-items:center;min-width:32px;padding:6px 10px;border-radius:999px;background:#eef5fb;color:#185fa5}.export-card p{color:#64748b}@media(max-width:960px){.app-shell{flex-direction:column}.sidebar{width:100%}.custom-range{grid-template-columns:1fr}.session-head{display:none}.session-item{grid-template-columns:1fr;gap:8px;padding:16px 0}.session-item__cell,.session-item__cell--center,.session-item__cell--value{text-align:left;border-left:none;padding:0}.session-item__action{margin-left:0;justify-self:start}}