:root{--navy:#0b2447;--navy2:#153f70;--blue:#1d5fa7;--sky:#eaf2fb;--ink:#172033;--muted:#6b778c;--line:#e3e8ef;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,var(--navy),#071a34);color:#fff;z-index:1040;display:flex;flex-direction:column;box-shadow:8px 0 30px #051c3a1f}.brand{padding:24px 20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--navy);font-size:1.35rem;flex:0 0 auto}.brand strong{font-size:.95rem;line-height:1.15}.brand small{display:block;color:#a9bed7;font-size:.72rem;margin-top:4px}.sidebar .nav{padding-top:16px}.sidebar .nav-link{color:#c8d7e8;border-radius:9px;margin:3px 0;padding:11px 13px;display:flex;gap:11px;align-items:center;font-size:.91rem}.sidebar .nav-link i{font-size:1.05rem;width:22px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#ffffff1f;color:#fff}.sidebar .nav-link.active{box-shadow:inset 3px 0 #62a8ff}.nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#7892b1;padding:22px 13px 5px}.sidebar-foot{margin-top:auto;padding:18px;color:#849bb7;font-size:.7rem;border-top:1px solid rgba(255,255,255,.08)}.main{margin-left:270px;min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:1030}.search-form{max-width:650px;flex:1;position:relative}.search-form i{position:absolute;left:14px;top:10px;color:#8b98aa}.search-form input{width:100%;border:1px solid var(--line);background:#f7f9fc;border-radius:11px;padding:9px 14px 9px 40px;outline:none}.search-form input:focus{background:#fff;border-color:#7ba9d9;box-shadow:0 0 0 3px #1d5fa71a}.user-menu{display:flex;align-items:center;gap:10px;margin-left:auto}.user-menu small{display:block;color:var(--muted);font-size:.72rem}.avatar{width:36px;height:36px;border-radius:10px;background:var(--sky);color:var(--navy);font-weight:700;display:grid;place-items:center}.content{padding:28px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.page-head h1{font-size:1.55rem;margin:0;font-weight:700}.page-head p{color:var(--muted);margin:4px 0 0}.card{border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 14px #14325009}.metric-card{height:100%;padding:18px;background:#fff;position:relative;overflow:hidden}.metric-card .label{color:var(--muted);font-size:.78rem;font-weight:600}.metric-card .value{font-size:1.8rem;font-weight:750;line-height:1.2;margin-top:8px}.metric-card .icon{position:absolute;right:15px;top:15px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--sky);color:var(--blue)}.metric-card.danger .icon{background:#fdebec;color:#c23944}.metric-card.warning .icon{background:#fff3d6;color:#a46a00}.section-title{font-size:1rem;font-weight:700;margin:0}.table{font-size:.84rem}.table thead th{color:#617084;font-size:.71rem;text-transform:uppercase;letter-spacing:.035em;border-bottom-color:var(--line);white-space:nowrap}.table td{vertical-align:middle;border-color:#edf0f4}.badge-soft{padding:.42rem .6rem;border-radius:20px;font-weight:600}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:#dce5ef}.timeline-item{position:relative;padding:0 0 20px}.timeline-item:before{content:"";position:absolute;left:-25px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--blue)}.timeline-item time{font-size:.73rem;color:var(--muted)}.timeline-item h4{font-size:.91rem;margin:2px 0}.form-section{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:16px}.form-section legend{font-size:.93rem;font-weight:700;padding:16px 20px;margin:0;border-bottom:1px solid var(--line)}.form-section-body{padding:20px}.nav-tabs .nav-link{color:#607086;font-size:.84rem}.nav-tabs .nav-link.active{color:var(--navy);font-weight:700}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#1c5791 0,var(--navy) 42%,#06172d 100%);padding:20px}.login-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:38px;box-shadow:0 30px 70px #00000040}.login-brand{text-align:center;margin-bottom:28px}.login-brand .brand-mark{width:64px;height:64px;margin:0 auto 15px;background:var(--navy);color:#fff}.login-brand h1{font-size:1.35rem}.login-brand p,.login-note{color:var(--muted)}.login-note{display:block;text-align:center;margin-top:22px;font-size:.72rem}.stat-hero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;border:0}.modal-header{background:#f7f9fc}@media(max-width:991.98px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.show{transform:translate(0)}.main{margin-left:0}.content{padding:18px}.topbar{padding:0 15px}.page-head{align-items:flex-start;flex-direction:column}}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-link{display:block;height:100%;color:inherit;text-decoration:none}.metric-link .metric-card{min-height:132px;padding-bottom:34px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.metric-link:hover .metric-card,.metric-link:focus-visible .metric-card{transform:translateY(-2px);border-color:#9bbde1;box-shadow:0 8px 22px #1432501f}.metric-action{position:absolute;left:18px;bottom:11px;color:var(--blue);font-size:.68rem;font-weight:600;opacity:.78}.chart-card{min-height:390px}.chart-wrap{position:relative;height:315px}.chart-wrap-wide{height:300px}@media(max-width:991.98px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.dashboard-metrics{gap:10px}.metric-link .metric-card{min-height:124px;padding:15px 14px 32px}.metric-card .icon{right:12px;top:12px}}.statistics-filter{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.statistics-filter label{font-size:.72rem;color:var(--muted);font-weight:600}.statistics-filter label span{display:block;margin:0 0 4px 2px}.statistics-filter .form-control{min-width:145px}.period-summary{font-size:.86rem;color:#536277;background:#eaf2fb;border-radius:9px;padding:9px 13px}.statistics-card{overflow:hidden}.statistics-table-wrap{overflow:auto;max-height:calc(100vh - 330px)}.statistics-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:.76rem}.statistics-table th,.statistics-table td{border-right:1px solid #b5c5d2;border-bottom:1px solid #d5dee6;padding:8px 7px;text-align:center;min-width:72px}.statistics-table thead th{background:#88d1d5;color:#08243e;font-size:.68rem;line-height:1.05;text-transform:uppercase;white-space:normal;vertical-align:middle}.statistics-table thead .group-heading th{font-size:1rem;letter-spacing:.04em;padding:9px}.statistics-table tbody tr:nth-child(odd) td{background:#fff}.statistics-table tbody tr:nth-child(2n) td{background:#dceafb}.statistics-table tbody tr:hover td{background:#c8def5}.statistics-table tbody td:first-child,.statistics-table tfoot th:first-child{min-width:220px;text-align:left}.statistics-table .entry-total,.statistics-table .output-total,.statistics-table tfoot th{font-weight:700;background:#cbeaed}.statistics-table tfoot th{position:sticky;bottom:0;z-index:3;border-top:2px solid #153f70}.statistics-table .sticky-right{position:sticky;left:0;z-index:2;background:#fff}.statistics-table thead .sticky-right{z-index:5;background:#88d1d5}.statistics-table tbody tr:nth-child(2n) .sticky-right{background:#dceafb}.statistics-table tbody tr:hover .sticky-right{background:#c8def5}.statistics-table tfoot .sticky-right{z-index:4;background:#88d1d5}.statistics-empty{padding:35px!important;color:var(--muted);background:#fff!important}.statistics-note{padding:11px 14px;color:var(--muted);font-size:.75rem;background:#f8fafc;border-top:1px solid var(--line)}.notification-target td{background:#fff4cc!important;box-shadow:inset 0 1px #e4b526,inset 0 -1px #e4b526}.notification-target{scroll-margin-top:95px}@media(max-width:991.98px){.statistics-head{align-items:stretch}.statistics-filter{width:100%}.statistics-filter label{flex:1}.statistics-filter .form-control{min-width:0}.statistics-table-wrap{max-height:none}}