*{box-sizing:border-box}:root{--color-bg:#f4f5fb;--color-card:#fff;--color-text:#1e1b3a;--color-text-secondary:#6b6880;--color-text-muted:#888;--color-text-faint:#aeabc2;--color-border:#f0f0f5;--color-border-strong:#ececf3;--color-input-bg:#f7f7fb;--color-input-bg-hover:#f1edff;--color-hover:#f1edff;--color-accent:#6d4ce0;--color-accent-soft:#f1edff;--color-shadow:#1e1b3a0d}[data-theme=dark]{--color-bg:#15131f;--color-card:#211f30;--color-text:#f1eefb;--color-text-secondary:#aba7c4;--color-text-muted:#8d89a8;--color-text-faint:#74708f;--color-border:#322e45;--color-border-strong:#3a3650;--color-input-bg:#2a2740;--color-input-bg-hover:#332f4d;--color-hover:#332f4d;--color-accent:#8a6cf0;--color-accent-soft:#332f4d;--color-shadow:#00000059}html,body,#root{background:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}.app{min-height:100vh;display:flex}.app__content{background:var(--color-bg);flex:1;min-width:0;padding:24px}.sidebar{color:#fff;box-sizing:border-box;background:#1e1b3a;flex-direction:column;flex-shrink:0;width:240px;padding:20px 16px;display:flex}.sidebar__brand{align-items:center;gap:10px;margin-bottom:24px;display:flex}.sidebar__brand-icon{font-size:28px}.sidebar__brand-title{letter-spacing:.5px;font-size:14px;font-weight:700}.sidebar__brand-subtitle{opacity:.6;font-size:11px}.sidebar__nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar__item{color:#ffffffbf;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.sidebar__item:hover{background:#ffffff0f}.sidebar__item--active{color:#fff;background:#6d4ce0}.sidebar__icon{font-size:16px}.sidebar__footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;padding-top:12px;display:flex}.sidebar__user{opacity:.85;font-size:13px}.sidebar__logout,.sidebar__theme-toggle{color:#fff;cursor:pointer;text-align:left;background:#ffffff14;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px}.sidebar__theme-toggle{align-items:center;gap:8px;display:flex}.sidebar__logout:hover,.sidebar__theme-toggle:hover{background:#ffffff29}.login-page{background:linear-gradient(160deg,#1e1b3a 0%,#6d4ce0 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-card);color:var(--color-text);text-align:center;border-radius:18px;width:100%;max-width:380px;padding:32px;box-shadow:0 10px 30px #0003}.login-hero{font-size:48px}.login-card h1{margin:4px 0;font-size:22px}.login-card .field{text-align:left}.muted{color:var(--color-text-muted);font-size:14px}.error{color:#dc2626;margin:4px 0 0;font-size:13px}.success{color:#15803d;margin:4px 0 0;font-size:13px}.field{text-align:left;flex-direction:column;gap:4px;margin-bottom:12px;font-size:14px;display:flex}input{border:1px solid var(--color-border-strong);background:var(--color-card);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:8px;padding:10px;font-family:inherit;font-size:14px}.btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:15px}.btn-primary{color:#fff;background:#6d4ce0;margin-top:8px;font-weight:600}.btn-primary:disabled{opacity:.6}.btn-link{color:var(--color-accent);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;font-size:13px;font-weight:600}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.topbar__title{color:var(--color-text);margin:0;font-size:24px}.topbar__filters{background:var(--color-card);border:1px solid var(--color-border-strong);box-shadow:0 2px 8px var(--color-shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 18px;display:flex}.topbar__filters-icon{opacity:.55;font-size:16px}.topbar__divider{background:var(--color-border-strong);flex-shrink:0;width:1px;height:30px}.topbar__field{flex-direction:column;gap:5px;display:flex}.topbar__label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.topbar__input-wrap{align-items:center;display:flex;position:relative}.topbar__input-icon{opacity:.6;pointer-events:none;font-size:13px;position:absolute;left:10px}.topbar__input{background:var(--color-input-bg);color:var(--color-text);border:1.5px solid #0000;border-radius:9px;min-width:170px;padding:9px 12px 9px 32px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,background .15s}.topbar__input::placeholder{color:var(--color-text-faint);font-weight:500}.topbar__input:hover{background:var(--color-input-bg-hover)}.topbar__input:focus{background:var(--color-card);border-color:#6d4ce0;outline:none}.topbar__input--date{cursor:pointer;min-width:150px}.topbar__input--readonly{cursor:default;color:var(--color-text)}.topbar__input--readonly:hover,.topbar__input--readonly:focus{background:var(--color-input-bg);border-color:#0000}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--color-card);box-shadow:0 1px 4px var(--color-shadow);border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.stat-card__menu{color:var(--color-text-faint);font-size:14px;line-height:1;position:absolute;top:10px;right:12px}.stat-card__spark{flex-shrink:0;width:64px;height:36px;margin-left:auto}.stat-card--clickable{text-align:left;cursor:pointer;width:100%;font-family:inherit;transition:box-shadow .15s,transform .15s,border-color .15s}.stat-card--clickable:hover{box-shadow:0 8px 20px var(--color-shadow);border-color:var(--color-accent);transform:translateY(-2px)}.stat-card--active{border-color:#6d4ce0;box-shadow:0 0 0 3px #6d4ce01f}.stat-card__icon{background:var(--color-accent-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.stat-card__icon--normal{background:#e7faf0}.stat-card__icon--attention{background:#fef6e7}.stat-card__icon--danger{background:#fdedee}.stat-card__body{flex-direction:column;min-width:0;display:flex}.stat-card__label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.stat-card__value{color:var(--color-text);margin-top:2px;font-size:28px;font-weight:700;line-height:1.2}.stat-card__pct{color:var(--color-text-faint);white-space:nowrap;margin-top:3px;font-size:11.5px}.charts-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.chart-card{background:var(--color-card);box-shadow:0 1px 4px var(--color-shadow);border:1px solid var(--color-border);border-radius:16px;padding:20px}.chart-card h2{color:var(--color-text);margin:0;font-size:16px}.chart-card__header{margin-bottom:12px}.chart-card__subtitle{color:var(--color-text-faint);margin:4px 0 0;font-size:12.5px}.donut-wrap{position:relative}.donut-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center__value{color:var(--color-text);font-size:28px;font-weight:700;line-height:1.1}.donut-center__label{color:var(--color-text-faint);margin-top:2px;font-size:12px}.chart-legend{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:18px;margin-top:14px;padding-top:14px;display:flex}.chart-legend__item{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12.5px;display:flex}.chart-legend__dot{border-radius:50%;width:9px;height:9px;display:inline-block}.chart-legend__name{font-weight:500}.chart-legend__value{color:var(--color-text);font-weight:700}.risk-distribution{grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.risk-legend-table{flex-direction:column;gap:16px;display:flex}.risk-legend-row{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.risk-legend-row__left{align-items:center;gap:8px;display:flex}.risk-legend-row__right{align-items:center;gap:10px;display:flex}.risk-legend-row__value{color:var(--color-text);text-align:right;min-width:18px;font-weight:700}.risk-legend-row__pct{background:var(--color-accent-soft);color:var(--color-text-secondary);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}@media (width<=900px){.risk-distribution{grid-template-columns:1fr}}.card{background:var(--color-card);box-shadow:0 1px 4px var(--color-shadow);color:var(--color-text);border-radius:14px;margin-bottom:20px;padding:16px}.card h2{margin:0 0 12px;font-size:16px}.card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card__header-row h2{margin:0}.search-input{background:var(--color-input-bg);min-width:220px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:8px 10px}.data-table th{color:var(--color-text-muted);text-transform:uppercase;font-size:12px;font-weight:600}.data-table__index{color:var(--color-text-faint);white-space:nowrap;width:1%;font-weight:600}.pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:16px;margin-top:16px;padding-top:14px;display:flex}.pagination__btn{border:1px solid var(--color-border-strong);background:var(--color-card);color:var(--color-accent);cursor:pointer;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.pagination__btn:hover:not(:disabled){background:var(--color-hover)}.pagination__btn:disabled{color:var(--color-text-faint);cursor:not-allowed}.pagination__info{color:var(--color-text-secondary);font-size:13px;font-weight:500}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge--normal{color:#15803d;background:#dcfce7}.badge--attention{color:#b45309;background:#fef3c7}.badge--danger{color:#b91c1c;background:#fee2e2}.class-access-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.class-access-item{border:1px solid var(--color-border);background:var(--color-input-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.class-access-item__name{font-size:14px;font-weight:600}.class-access-toggle{background:var(--color-border-strong);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .15s;position:relative}.class-access-toggle--active{background:#6d4ce0}.class-access-toggle__knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.class-access-toggle--active .class-access-toggle__knob{transform:translate(18px)}.class-access-toggle:disabled{opacity:.6;cursor:not-allowed}.bottom-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.placeholder-card h3{margin:0 0 8px;font-size:15px}.placeholder-card .muted{margin-bottom:12px}.btn-export{background:var(--color-card);width:auto;color:var(--color-accent);cursor:pointer;border:1.5px solid #6d4ce0;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s}.btn-export:hover:not(:disabled){color:#fff;background:#6d4ce0}.btn-export:disabled{border-color:var(--color-border-strong);color:var(--color-text-faint);cursor:not-allowed}.trend-card{grid-column:span 1}@media (width<=900px){.bottom-cards{grid-template-columns:1fr}}.settings-profile-banner{color:#fff;box-shadow:0 4px 16px var(--color-shadow);background:linear-gradient(135deg,#6d4ce0 0%,#4d36a8 100%);border-radius:16px;align-items:center;gap:18px;margin-bottom:20px;padding:22px 26px;display:flex}.settings-avatar{letter-spacing:.5px;background:#ffffff2e;border:2px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:22px;font-weight:700;display:flex}.settings-profile-name{font-size:19px;font-weight:700}.settings-profile-meta{opacity:.85;margin-top:4px;font-size:13.5px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.settings-card{flex-direction:column;display:flex}.settings-card__header{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.settings-card__icon{background:var(--color-accent-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.settings-card__header h2{margin:0;font-size:16px}.settings-card__subtitle{color:var(--color-text-faint);margin:3px 0 0;font-size:12.5px}.settings-card .field span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.settings-card input{margin-top:2px}.settings-submit{width:auto;margin-top:6px;padding:11px 28px}.settings-card--theme{grid-column:span 2}.settings-theme-options{gap:14px;display:flex}.settings-theme-option{border:1.5px solid var(--color-border-strong);background:var(--color-input-bg);color:var(--color-text);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.settings-theme-option__icon{font-size:26px}.settings-theme-option:hover{background:var(--color-input-bg-hover)}.settings-theme-option--active{border-color:var(--color-accent);background:var(--color-accent-soft)}@media (width<=900px){.settings-grid{grid-template-columns:1fr}.settings-card--theme{grid-column:span 1}.settings-profile-banner{text-align:center;flex-direction:column}}