:root{color:#10233f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy:#14325c;--navy-deep:#0e2342;--white:#fff;--surface:#f6f8fb;--line:#d8e0ec;--text:#10233f;--muted:#60718b;--orange:#f28b4b;--red:#db4d43;--green:#1f8a62;--shadow:0 20px 50px #0f234214;background:radial-gradient(circle at 0 0,#14325c14,#0000 28%),linear-gradient(#f4f7fb 0%,#edf2f7 100%);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}a{color:inherit;text-decoration:none}.login-page{place-items:center;min-height:100vh;padding:32px;display:grid}.login-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(100%,480px);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #14325c14;border-radius:28px;padding:32px}.login-panel h1,.brand-panel h1{margin:8px 0}.login-copy,.topbar-subtitle,.section-heading p,.report-card p,.stat-card p,.stat-card span,.profile-item span,.sidebar-footer span{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--orange);margin:0 0 10px;font-size:.76rem;font-weight:700}.login-form,.settings-fields{gap:14px;margin-top:24px;display:grid}.login-form label,.settings-fields label{color:var(--text);gap:8px;font-size:.94rem;display:grid}.login-form input,.search-input,.table-controls select,.settings-fields input{border:1px solid var(--line);background:var(--white);border-radius:14px}.login-form input,.settings-fields input,.table-controls select{color:var(--text);padding:12px 14px}.primary-button,.logout-button,.table-action,.icon-button{border:0;border-radius:14px;transition:transform .18s,opacity .18s,background .18s}.primary-button,.logout-button{background:linear-gradient(135deg, var(--navy), var(--navy-deep));color:var(--white);padding:13px 18px;font-weight:600}.primary-button:hover,.logout-button:hover,.table-action:hover,.icon-button:hover{transform:translateY(-1px)}.credential-card,.panel,.stat-card{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #14325c14}.credential-card{border-radius:18px;gap:6px;margin-top:18px;padding:16px;display:grid}.form-error{color:var(--red);margin:0;font-size:.9rem}.app-shell{grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy-deep), var(--navy));color:#ffffffe0;flex-direction:column;gap:24px;padding:28px 20px;display:flex}.brand-panel{align-items:center;gap:14px;display:flex}.brand-mark{background:#ffffff1f;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.sidebar-nav{gap:8px;display:grid}.sidebar-link{color:#ffffffc7;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sidebar-link.active,.sidebar-link:hover{color:var(--white);background:#ffffff1a}.sidebar-footer{background:#ffffff14;border-radius:18px;gap:4px;margin-top:auto;padding:18px;display:grid}.content-shell{flex-direction:column;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 32px 8px;display:flex}.topbar h2,.section-heading h3{margin:0}.topbar-actions,.table-controls,.action-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-button{background:var(--white);width:42px;height:42px;color:var(--navy);border:1px solid var(--line)}.page-content{padding:20px 32px 32px}.page-grid,.profile-layout,.stats-grid,.chart-grid,.report-grid,.settings-grid{gap:20px;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-grid,.report-grid,.settings-grid,.profile-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{border-radius:22px;gap:8px;padding:22px;display:grid}.stat-card strong{font-size:2rem}.stat-card.warning{border-left:5px solid var(--orange)}.stat-card.negative{border-left:5px solid var(--red)}.stat-card.positive{border-left:5px solid var(--green)}.stat-card.neutral{border-left:5px solid var(--navy)}.panel{border-radius:24px;padding:22px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.chart-wrap{height:260px}.table-panel{overflow:hidden}.search-input{align-items:center;gap:8px;padding:0 12px;display:flex}.search-input input{background:0 0;border:0;outline:none;min-width:200px;padding:12px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:960px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ebf0f6;padding:14px 12px}th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.82rem}.status-badge{border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.status-badge.positive{color:var(--green);background:#1f8a621f}.status-badge.warning{color:#af5e23;background:#f28b4b24}.status-badge.negative{color:var(--red);background:#db4d431f}.status-badge.neutral{color:var(--navy);background:#14325c1a}.table-action{color:var(--navy);background:#eef3f9;padding:9px 12px}.table-action.positive{color:var(--green);background:#1f8a621f}.table-action.negative{color:var(--red);background:#db4d431f}.empty-state{text-align:center;color:var(--muted);padding:30px 10px 10px}.report-card{align-content:start;gap:14px;display:grid}.profile-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-item{background:var(--surface);border-radius:18px;gap:8px;padding:16px;display:grid}.note-panel .info-list{gap:14px;display:grid}.info-list div{border-bottom:1px solid #ebf0f6;align-items:flex-start;gap:10px;padding:14px 0;display:flex}.settings-fields span{text-transform:capitalize;color:var(--muted)}@media (width<=1200px){.app-shell{grid-template-columns:1fr}.sidebar{gap:16px}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid,.chart-grid,.report-grid,.settings-grid,.profile-layout{grid-template-columns:1fr}}@media (width<=780px){.login-page,.page-content,.topbar{padding-left:18px;padding-right:18px}.topbar,.section-heading{flex-direction:column}.sidebar-nav,.profile-card,.stats-grid{grid-template-columns:1fr}.search-input input{width:100%;min-width:0}}