:root{--bg:#f3f2f8;--surface:#f7f6fb;--white:#fff;--ink:#171427;--muted:#777386;--line:#4832721a;--purple:#7457d9;--purple-dark:#5d3ec4;--purple-pale:#eee9ff;--green:#16886b;--green-pale:#e4f6ef;--amber:#b96d09;--amber-pale:#fff2d9;--red:#c8475b;--red-pale:#ffeaee;--blue:#3478bd;--shadow:10px 10px 28px #37275b17, -9px -9px 24px #ffffffe6;--shadow-sm:5px 5px 14px #37275b14, -5px -5px 14px #ffffffdb;--inset:inset 3px 3px 8px #37275b14, inset -3px -3px 8px #ffffffe6}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#13111a;--surface:#1c1925;--white:#252130;--ink:#f3effa;--muted:#aaa4b8;--line:#ebe4ff1c;--purple:#a78bf4;--purple-dark:#c5b3ff;--purple-pale:#302749;--green:#58cbaa;--green-pale:#18382f;--amber:#e0a34e;--amber-pale:#3b2d18;--red:#ef7e90;--red-pale:#3e222b;--shadow:10px 10px 28px #00000047, -7px -7px 20px #ffffff06;--shadow-sm:5px 5px 14px #00000040, -4px -4px 12px #ffffff06;--inset:inset 3px 3px 8px #00000047, inset -3px -3px 8px #ffffff06}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.5 DM Sans,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 450, "GRAD" 0, "opsz" 24}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#f7f6fbeb;flex-direction:column;width:264px;padding:24px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:inherit;align-items:center;gap:12px;padding:0 8px 24px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#8a70e8,#6040c8);border-radius:14px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 8px 18px #7457d952}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.4px;font:800 17px Manrope,sans-serif}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:1.1px;font-size:10px}.nav{flex:1;padding-right:3px;overflow-y:auto}.nav-label{color:#a09bab;text-transform:uppercase;letter-spacing:1.2px;margin:18px 11px 7px;font:600 10px IBM Plex Mono,monospace}.nav-link{color:#696477;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 12px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--purple);background:#7457d90f}.nav-link.active{color:#fff;background:linear-gradient(135deg,#8064e2,#6546ce);box-shadow:0 8px 16px #6446ce3b}.nav-link .material-symbols-rounded{font-size:21px}.nav-link span:nth-child(2){text-align:left;flex:1;font-weight:600}.nav-count{background:var(--red-pale);min-width:22px;height:20px;color:var(--red);text-align:center;border-radius:8px;padding:0 6px;font:600 10px/20px IBM Plex Mono,monospace}.nav-count.amber{color:var(--amber);background:var(--amber-pale)}.active .nav-count{color:var(--purple-dark);background:#fff}.system-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--inset);border-radius:15px;margin:14px 3px;padding:14px}.system-card__head{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.system-card strong{margin:5px 0 9px;font-size:12px;display:block}.system-card small{color:var(--muted);font-size:10px}.health-bar{background:#e4e1ea;border-radius:10px;height:5px;overflow:hidden}.health-bar i{background:var(--green);border-radius:inherit;width:96%;height:100%;display:block}.live-dot{background:#21ae86;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #21ae8621}.profile-mini{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:9px 6px;display:flex}.profile-mini>span:nth-child(2){flex:1}.profile-mini strong,.profile-mini small{display:block}.profile-mini strong{font-size:12px}.profile-mini small{color:var(--muted);font-size:10px}.avatar{background:var(--purple-pale);width:36px;height:36px;color:var(--purple);border-radius:12px;place-items:center;font-weight:700;display:grid}.workspace{min-height:100vh;margin-left:264px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#f3f2f8e0;justify-content:space-between;align-items:center;height:78px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-title{flex-direction:column;display:flex}.topbar-title strong{font:800 18px Manrope,sans-serif}.eyebrow{color:var(--purple);text-transform:uppercase;letter-spacing:.9px;font:600 10px IBM Plex Mono,monospace}.topbar-actions{align-items:center;gap:12px;display:flex}.shift-chip,.date-chip{border:1px solid var(--line);background:var(--surface);height:44px;box-shadow:var(--shadow-sm);border-radius:13px;align-items:center;gap:10px;padding:0 14px;display:flex}.shift-chip small,.shift-chip strong{display:block}.shift-chip small{color:var(--muted);text-transform:uppercase;font-size:9px}.shift-chip strong{font-size:11px}.date-chip{color:var(--muted);font:500 11px IBM Plex Mono,monospace}.icon-button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:13px;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--purple);transform:translateY(-1px)}.notification-button{position:relative}.notification-button i{border:2px solid var(--bg);color:#fff;background:var(--red);border-radius:50%;width:18px;height:18px;font:700 9px/14px IBM Plex Mono,monospace;position:absolute;top:-5px;right:-4px}.mobile-menu{display:none}main{max-width:1680px;margin:0 auto;padding:28px 32px 48px}main:focus{outline:none}.page{animation:.28s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-1.2px;margin:3px 0 4px;font:800 clamp(25px,3vw,34px)/1.15 Manrope,sans-serif}.page-head p{color:var(--muted);margin:0}.status-label{color:var(--purple);text-transform:uppercase;letter-spacing:1.3px;font:600 10px IBM Plex Mono,monospace}.button{border:1px solid var(--line);background:var(--surface);min-height:42px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#8064e2,#6546ce);border:0;box-shadow:0 8px 16px #6446ce38}.button.danger{color:var(--red)}.button.small{border-radius:9px;min-height:34px;padding:0 11px;font-size:11px}.button .material-symbols-rounded{font-size:18px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-card,.panel,.monitor-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.metric-card{border-radius:18px;justify-content:space-between;align-items:flex-start;min-height:126px;padding:18px;display:flex}.metric-card .metric-icon{background:var(--purple-pale);width:42px;height:42px;color:var(--purple);box-shadow:var(--inset);border-radius:13px;place-items:center;display:grid}.metric-card small{color:var(--muted);font-size:11px;display:block}.metric-card strong{margin:8px 0 4px;font:700 28px IBM Plex Mono,monospace;display:block}.metric-card .trend{color:var(--green);font-size:10px;font-weight:700}.metric-card .trend.down{color:var(--red)}.metric-card.alert .metric-icon{color:var(--red);background:var(--red-pale)}.metric-card.warn .metric-icon{color:var(--amber);background:var(--amber-pale)}.metric-card.good .metric-icon{color:var(--green);background:var(--green-pale)}.monitor-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.monitor-card{text-align:left;cursor:pointer;border-radius:19px;min-height:188px;padding:19px;transition:all .2s;position:relative;overflow:hidden}.monitor-card:hover{border-color:#7457d945;transform:translateY(-4px)}.monitor-card:after{content:"";background:var(--purple-pale);opacity:.6;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-50px;right:-50px}.monitor-card__top{justify-content:space-between;align-items:center;display:flex}.monitor-icon{background:var(--purple-pale);width:44px;height:44px;color:var(--purple);box-shadow:var(--inset);border-radius:14px;place-items:center;display:grid}.monitor-card h3{margin:18px 0 5px;font:700 16px Manrope,sans-serif}.monitor-card p{color:var(--muted);max-width:88%;margin:0;font-size:11px}.monitor-meta{align-items:baseline;gap:7px;margin-top:13px;display:flex}.monitor-meta strong{font:700 20px IBM Plex Mono,monospace}.monitor-meta span{color:var(--muted);font-size:10px}.chevron{color:var(--muted)}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.8fr);gap:20px;display:grid}.panel{border-radius:20px;padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.panel-head h2{margin:0;font:700 16px Manrope,sans-serif}.panel-head p{color:var(--muted);margin:2px 0 0;font-size:11px}.panel-title{align-items:center;gap:10px;display:flex}.panel-title>.material-symbols-rounded{color:var(--purple)}.chart{height:224px;box-shadow:var(--inset);background:#efedf5;border-radius:15px;padding:20px 15px 8px 40px;position:relative;overflow:hidden}.chart:before{content:"";background:repeating-linear-gradient(#0000 0 38px,#4d397014 39px);position:absolute;inset:20px 15px 28px 40px}.chart svg{z-index:1;width:100%;height:170px;position:relative;overflow:visible}.chart-labels{color:var(--muted);justify-content:space-between;margin:3px 0 0 40px;font:500 9px IBM Plex Mono,monospace;display:flex}.legend{color:var(--muted);gap:15px;font-size:10px;display:flex}.legend i{background:var(--purple);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.legend span:nth-child(2) i{background:var(--amber)}.activity-list{gap:7px;display:grid}.activity-item{cursor:pointer;border-radius:13px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.activity-item:hover{background:var(--purple-pale)}.activity-icon{width:34px;height:34px;color:var(--red);background:var(--red-pale);border-radius:11px;place-items:center;display:grid}.activity-icon.amber{color:var(--amber);background:var(--amber-pale)}.activity-icon.green{color:var(--green);background:var(--green-pale)}.activity-icon .material-symbols-rounded{font-size:18px}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:12px}.activity-item small{color:var(--muted);font-size:10px}.activity-time{color:var(--muted);font:500 9px IBM Plex Mono,monospace}.filter-panel{margin-bottom:20px}.search-row{grid-template-columns:minmax(260px,1fr) repeat(3,minmax(120px,.28fr)) auto;gap:10px;display:grid}.field{width:100%;min-height:44px;color:var(--ink);box-shadow:var(--inset);background:#eeecf3;border:1px solid #0000;border-radius:12px;outline:0;padding:0 13px}.field:focus{border-color:#7457d980}.search-field{position:relative}.search-field .material-symbols-rounded{color:var(--muted);font-size:20px;position:absolute;top:12px;left:13px}.search-field input{padding-left:41px}.result-count{color:var(--muted);font-size:11px}.table-wrap{box-shadow:var(--inset);background:#efedf5;border-radius:15px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th{color:var(--muted);letter-spacing:.7px;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line);padding:13px 15px;font:600 9px IBM Plex Mono,monospace}td{border-bottom:1px solid #48327212;padding:13px 15px;font-size:12px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#fff9}tbody tr:last-child td{border-bottom:0}.employee{align-items:center;gap:9px;display:flex}.employee-photo{object-fit:cover;background:#dcd7eb;border-radius:10px;width:34px;height:34px}.employee strong,.employee small{display:block}.employee small,.mono{color:var(--muted);font:500 10px IBM Plex Mono,monospace}.badge{background:var(--purple-pale);color:var(--purple-dark);text-transform:uppercase;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font:600 9px IBM Plex Mono,monospace;display:inline-flex}.badge.red{background:var(--red-pale);color:var(--red)}.badge.amber{background:var(--amber-pale);color:var(--amber)}.badge.green{background:var(--green-pale);color:var(--green)}.confidence{align-items:center;gap:7px;display:flex}.confidence i{background:#dad6e1;border-radius:5px;width:45px;height:4px;overflow:hidden}.confidence i:after{content:"";width:var(--score);background:var(--purple);height:100%;display:block}.empty-state{text-align:center;color:var(--muted);padding:55px 20px}.empty-state .material-symbols-rounded{color:#aaa2bb;margin:auto;font-size:45px;display:block}.camera-layout,.route-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.6fr);gap:20px;display:grid}.camera-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.camera-feed{aspect-ratio:16/9;box-shadow:var(--inset);background:#eeecf3;border-radius:14px;position:relative;overflow:hidden}.camera-hud{color:#fff;text-shadow:0 1px 4px #000;justify-content:space-between;font:600 9px IBM Plex Mono,monospace;display:flex;position:absolute;inset:10px 11px auto}.camera-bottom{color:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:auto 11px 10px}.tracking-box{border:2px solid #b69fff;border-radius:6px;width:30%;height:53%;position:absolute;top:25%;left:38%;box-shadow:0 0 12px #b69fffb3}.tracking-box span{white-space:nowrap;background:#7557d9;padding:2px 5px;font:600 8px IBM Plex Mono,monospace;position:absolute;top:-19px;left:-2px}.floorplan{min-height:500px;box-shadow:var(--inset);background:#eeecf3;border-radius:16px;padding:15px;position:relative;overflow:hidden}.floorplan svg{width:100%;height:100%;min-height:470px}.map-zone{fill:#faf9fd;stroke:#cdc6dc;stroke-width:2px}.map-zone.restricted{fill:#fff0f2;stroke:#df8796;stroke-dasharray:7 5}.map-label{fill:#787183;font:600 11px IBM Plex Mono,monospace}.route-line{fill:none;stroke:#7457d9;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 10;filter:drop-shadow(0 2px 3px #7457d959)}.route-progress{fill:none;stroke:#a791ef;stroke-width:12px;opacity:.22;stroke-linecap:round;stroke-linejoin:round}.route-dot{fill:#7457d9;stroke:#fff;stroke-width:4px}.route-alert{fill:#c8475b;stroke:#fff;stroke-width:4px}.map-controls{flex-direction:column;gap:7px;display:flex;position:absolute;top:28px;right:28px}.route-timeline{gap:5px;display:grid}.route-event{border-radius:11px;grid-template-columns:36px 1fr;gap:10px;padding:9px;display:grid}.route-event:hover{background:var(--purple-pale)}.route-event time{color:var(--purple);font:600 9px IBM Plex Mono,monospace}.route-event strong,.route-event small{display:block}.route-event strong{font-size:11px}.route-event small{color:var(--muted);font-size:10px}.playback{align-items:center;gap:10px;margin-top:15px;display:flex}.playback input{accent-color:var(--purple);flex:1}.movement-records{margin-top:20px}.movement-record-actions{align-items:center;gap:12px;display:flex}.movement-path{align-items:center;gap:7px;min-width:190px;display:flex}.movement-path span{color:var(--muted)}.movement-path .material-symbols-rounded{color:var(--purple);font-size:16px}.movement-source{color:var(--muted);margin:0;font-size:11px}.evidence-button{white-space:nowrap}.report-grid{gap:18px;display:grid}.report-card{grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:24px;display:grid}.report-card__heading{align-items:center;gap:14px;display:flex}.report-card__heading h2{margin:0;font:700 17px Manrope,sans-serif}.report-card__heading p{color:var(--muted);margin:3px 0 0;font-size:11px}.report-icon{width:48px;height:48px;color:var(--purple);background:var(--purple-pale);box-shadow:var(--inset);border-radius:15px;flex:none;place-items:center;display:grid}.report-export-form{align-items:flex-end;gap:12px;display:flex}.report-date-range{gap:10px;display:flex}.report-date-range label{gap:5px;display:grid}.report-date-range label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font:600 9px IBM Plex Mono,monospace}.report-date-range .field{min-width:148px}.report-export-form .button{white-space:nowrap}.settings-grid{gap:18px;display:grid}.settings-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.settings-card__copy{align-items:center;gap:14px;display:flex}.settings-card__copy h2{margin:0;font:700 17px Manrope,sans-serif}.settings-card__copy p{color:var(--muted);margin:3px 0 0;font-size:11px}.settings-icon{width:48px;height:48px;color:var(--purple);background:var(--purple-pale);box-shadow:var(--inset);border-radius:15px;flex:none;place-items:center;display:grid}.theme-switch{cursor:pointer;align-items:center;gap:10px;display:flex}.theme-switch input{opacity:0;pointer-events:none;position:absolute}.theme-switch__track{width:52px;height:29px;box-shadow:var(--inset);background:#cbc6d4;border-radius:999px;padding:3px;transition:all .2s}.theme-switch__thumb{background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .2s;display:block;box-shadow:0 3px 8px #1e163040}.theme-switch input:checked+.theme-switch__track{background:var(--purple)}.theme-switch input:checked+.theme-switch__track .theme-switch__thumb{transform:translate(23px)}.theme-switch input:focus-visible+.theme-switch__track{outline-offset:3px;outline:3px solid #7457d947}.theme-switch__state{min-width:22px;color:var(--muted);text-transform:uppercase;font:600 10px IBM Plex Mono,monospace}html[data-theme=dark] .sidebar{background:#1c1925f0}html[data-theme=dark] .topbar{background:#13111ae6}html[data-theme=dark] .field,html[data-theme=dark] .chart,html[data-theme=dark] .table-wrap,html[data-theme=dark] .camera-feed,html[data-theme=dark] .floorplan,html[data-theme=dark] .evidence,html[data-theme=dark] .detail-block,html[data-theme=dark] .login-input-wrap{background:#25212f}html[data-theme=dark] tbody tr:hover{background:#ffffff09}html[data-theme=dark] .map-zone{fill:#221f2b;stroke:#514a60}html[data-theme=dark] .map-zone.restricted{fill:#372128;stroke:#a85d6c}html[data-theme=dark] .map-label{fill:#aaa4b8}html[data-theme=dark] .theme-switch__track{background:#494353}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17142773;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.incident-modal{background:var(--surface);border:1px solid #ffffff80;border-radius:24px;width:min(980px,100%);max-height:calc(100vh - 48px);position:relative;overflow:auto;box-shadow:0 30px 90px #160f2947}.modal-close{z-index:2;position:absolute;top:18px;right:18px}.modal-inner{padding:26px}.modal-title-row{align-items:center;gap:14px;padding-right:55px;display:flex}.modal-title-row h2{margin:0;font:800 24px Manrope,sans-serif}.modal-title-row p{color:var(--muted);margin:2px 0 0}.detail-grid{grid-template-columns:1.2fr .8fr;gap:18px;margin-top:22px;display:grid}.evidence{min-height:355px;box-shadow:var(--inset);background:#eeecf3;border-radius:17px;position:relative;overflow:hidden}.footage-empty{width:100%;height:100%;min-height:inherit;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.footage-empty .material-symbols-rounded{color:#aaa2bb;font-size:42px}.footage-empty p{margin:0;font-size:12px;font-weight:600}.evidence-overlay{color:#fff;flex-direction:column;justify-content:space-between;font:600 10px IBM Plex Mono,monospace;display:flex;position:absolute;inset:15px}.evidence-tags{justify-content:space-between;display:flex}.evidence-tags span{background:#14111db8;border-radius:7px;padding:5px 7px}.fake-player{color:#fff;cursor:pointer;background:#7457d9ed;border:0;border-radius:50%;align-self:center;place-items:center;width:58px;height:58px;display:grid}.fake-player .material-symbols-rounded{font-size:31px}.video-controls{background:#14111dc2;border-radius:9px;align-items:center;gap:9px;padding:8px 10px;display:flex}.video-controls i{background:#ffffff40;border-radius:4px;flex:1;height:4px}.video-controls i:after{content:"";background:#b49eff;width:34%;height:100%;display:block}.detail-stack{gap:12px;display:grid}.detail-block{box-shadow:var(--inset);background:#eeecf3;border-radius:14px;padding:15px}.detail-block h3{margin:0 0 11px;font:700 12px Manrope,sans-serif}.detail-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-list small,.detail-list strong{display:block}.detail-list small{color:var(--muted);text-transform:uppercase;font-size:9px}.detail-list strong{margin-top:2px;font-size:11px}.notes{resize:vertical;min-height:72px;padding-top:11px}.modal-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.toast{z-index:150;color:#fff;opacity:0;pointer-events:none;background:#29243a;border-radius:13px;align-items:center;gap:10px;padding:13px 16px;transition:all .25s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(25px);box-shadow:0 16px 36px #140f2340}.toast.show{opacity:1;transform:none}.toast .material-symbols-rounded{color:#7de4c1}@media (width<=1180px){.metric-grid,.monitor-grid{grid-template-columns:repeat(2,1fr)}.search-row{grid-template-columns:1fr 1fr 1fr}.search-row .search-field{grid-column:1/-1}.dashboard-grid,.camera-layout,.route-layout,.report-card{grid-template-columns:1fr}}@media (width<=820px){.sidebar{transition:all .25s;transform:translate(-105%);box-shadow:20px 0 50px #140f232e}.sidebar.open{transform:none}.workspace{margin-left:0}.mobile-menu{display:grid}.topbar{gap:12px;padding:0 16px}.topbar-title{margin-right:auto}.shift-chip,.date-chip{display:none}main{padding:22px 16px 40px}.detail-grid{grid-template-columns:1fr}}@media (width<=580px){.metric-grid,.monitor-grid,.camera-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.search-row{grid-template-columns:1fr}.search-row .search-field{grid-column:auto}.report-export-form,.report-date-range{flex-direction:column;align-items:stretch}.report-date-range .field{min-width:0}.settings-card{flex-direction:column;align-items:flex-start}.panel{padding:15px}.modal-backdrop{padding:8px}.modal-inner{padding:18px}.modal-title-row h2{font-size:20px}}.login-body{background:var(--bg);min-height:100vh;margin:0}.login-shell{place-items:center;max-width:none;min-height:100vh;padding:34px;display:grid;position:relative;overflow:hidden}.login-shell:before,.login-shell:after{content:"";filter:blur(4px);pointer-events:none;border-radius:50%;position:fixed}.login-shell:before{background:#7457d91f;width:440px;height:440px;top:-210px;right:-120px}.login-shell:after{background:#35a78517;width:320px;height:320px;bottom:-130px;left:-160px}.login-card{background:var(--surface);z-index:1;border:1px solid #ffffffbf;border-radius:28px;grid-template-columns:1.05fr .95fr;width:min(100%,980px);min-height:620px;display:grid;position:relative;overflow:hidden;box-shadow:22px 22px 65px #37275b24,-18px -18px 50px #ffffffeb}.login-visual{background:linear-gradient(145deg,#f0edfb,#e9e4fa);flex-direction:column;padding:38px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";border:70px solid #7457d917;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-90px;right:-115px}.login-brand{z-index:1;padding:0;position:relative}.login-visual__content{z-index:1;max-width:390px;margin:auto 0;position:relative}.login-visual__content h2{letter-spacing:-1.8px;margin:12px 0 15px;font:800 38px/1.12 Manrope,sans-serif}.login-visual__content>p{max-width:360px;color:var(--muted);margin:0;font-size:14px}.login-signals{grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;display:grid}.login-signals>div{box-shadow:var(--shadow-sm);background:#faf9fda8;border:1px solid #ffffffb3;border-radius:15px;align-items:center;gap:10px;padding:13px;display:flex}.login-signal-icon{background:var(--purple-pale);width:35px;height:35px;color:var(--purple);border-radius:11px;place-items:center;display:grid}.login-signal-icon .material-symbols-rounded{font-size:19px}.login-signals strong,.login-signals small{display:block}.login-signals strong{font:700 15px IBM Plex Mono,monospace}.login-signals small{color:var(--muted);font-size:9px}.login-system{color:var(--muted);z-index:1;align-items:center;gap:10px;font:600 10px IBM Plex Mono,monospace;display:flex;position:relative}.login-form-panel{flex-direction:column;justify-content:center;padding:55px 52px;display:flex}.login-form-heading{margin-bottom:30px}.login-lock{color:#fff;background:linear-gradient(145deg,#896ee7,#6040c8);border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:20px;display:grid;box-shadow:0 9px 20px #7457d947}.login-form-heading h1{letter-spacing:-1px;margin:7px 0 6px;font:800 31px Manrope,sans-serif}.login-form-heading p{color:var(--muted);margin:0;font-size:12px}.login-form{gap:17px;display:grid}.login-field{gap:7px;display:grid}.login-field>span:first-child{font-size:11px;font-weight:700}.login-input-wrap{min-height:49px;box-shadow:var(--inset);background:#eeecf3;border:1px solid #0000;border-radius:13px;align-items:center;gap:10px;padding:0 13px;transition:all .2s;display:flex}.login-input-wrap:focus-within{background:#f0eef6;border-color:#7457d973}.login-input-wrap>.material-symbols-rounded{color:var(--muted);font-size:20px}.login-input-wrap input{width:100%;height:47px;color:var(--ink);background:0 0;border:0;outline:0;padding:0}.login-input-wrap input::placeholder{color:#aaa5b3}.password-toggle{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.password-toggle:hover{color:var(--purple)}.login-options{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;font-size:10px;display:flex}.remember-control{cursor:pointer;align-items:center;gap:8px;display:flex}.remember-control input{width:15px;height:15px;accent-color:var(--purple)}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8064e2,#6546ce);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:49px;padding:0 18px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 9px 20px #6446ce40}.login-submit:hover{transform:translateY(-2px);box-shadow:0 12px 24px #6446ce4d}.login-submit .material-symbols-rounded{font-size:19px}.login-error{color:var(--red);align-items:center;gap:5px;margin:-8px 0 0;font-size:11px;display:flex}.login-error .material-symbols-rounded{font-size:16px}.login-security{color:#9b96a5;text-align:center;justify-content:center;align-items:center;gap:5px;margin:25px 0 0;font-size:9px;display:flex}.login-security .material-symbols-rounded{font-size:14px}.login-card--simple{width:min(100%,440px);min-height:auto;display:block}.login-form-panel--simple{padding:48px}.login-simple-brand{align-items:center;gap:12px;margin-bottom:39px;display:flex}.login-simple-brand strong{letter-spacing:-.6px;font:800 21px Manrope,sans-serif}.login-logo-panel{background:linear-gradient(145deg,#f0edfb,#e9e4fa);place-items:center;min-height:620px;padding:54px;display:grid;position:relative;overflow:hidden}.login-logo-panel:before{content:"";border:72px solid #7457d912;border-radius:50%;width:380px;height:380px;position:absolute}.login-logo-panel img{z-index:1;filter:drop-shadow(0 18px 24px #49267924);width:min(100%,300px);height:auto;position:relative}.login-form-heading--simple{margin-bottom:29px}.login-form-heading--simple h1{margin-top:0}.login-form-panel--simple .remember-control{width:fit-content;color:var(--muted);font-size:10px}@media (width<=760px){.login-shell{padding:18px}.login-card{grid-template-columns:1fr;width:min(100%,460px);min-height:auto}.login-visual{padding:24px 26px}.login-visual__content,.login-system{display:none}.login-logo-panel{min-height:220px;padding:28px}.login-logo-panel img{width:180px}.login-form-panel{padding:38px 28px}}@media (width<=420px){.login-shell{padding:10px}.login-form-panel{padding:32px 21px}.login-options{flex-direction:column;align-items:flex-start;gap:8px}.login-form-panel--simple{padding:36px 24px}}