:root{--bg:#071015;--bg2:#0a141a;--panel:#0d181f;--panel2:#111e26;--line:#1c2b34;--line2:#263945;--text:#edf5f7;--muted:#7f929d;--muted2:#546771;--accent:#d7f45b;--accent2:#a9c72e;--good:#53e09a;--warn:#eabf57;--danger:#ff626c;--blue:#78b7ff;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(1000px 700px at 80% -15%,#13242c 0,transparent 58%),var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}input,select,textarea{width:100%;background:#091218;border:1px solid var(--line2);border-radius:9px;color:var(--text);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#58717e;box-shadow:0 0 0 3px rgba(93,126,143,.12)}label{display:block;color:#a8b7bf;font-size:.77rem;font-weight:700;margin:13px 0 7px}.hidden{display:none!important}.eyebrow,.kicker{font-size:.65rem;font-weight:900;letter-spacing:.19em;color:#6f858f}.danger-text{color:var(--danger)}
/* login */
.login-page{overflow:hidden;display:grid;place-items:center;padding:28px;min-height:100vh;background:#071015}.login-ambient{position:fixed;width:720px;height:720px;right:-180px;top:-260px;border:1px solid rgba(215,244,91,.12);border-radius:50%;box-shadow:0 0 0 100px rgba(215,244,91,.018),0 0 0 220px rgba(215,244,91,.012);pointer-events:none}.login-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.1fr .9fr;min-height:580px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(8,17,22,.9);box-shadow:0 40px 130px rgba(0,0,0,.48)}.login-brand{padding:66px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,rgba(215,244,91,.055),transparent 44%),linear-gradient(180deg,#0d1a21,#081116);border-right:1px solid var(--line);position:relative}.login-brand:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000,transparent);pointer-events:none}.brand-mark{width:72px;height:72px;border:1px solid #68802c;background:#101d18;display:grid;place-items:center;transform:rotate(45deg);margin-bottom:44px;position:relative;z-index:1}.brand-mark span{transform:rotate(-45deg);font-weight:1000;letter-spacing:.04em;color:var(--accent)}.brand-mark.small{width:38px;height:38px;margin:0}.login-brand .kicker{color:var(--accent);position:relative;z-index:1}.login-brand h1{font-size:clamp(3.4rem,7vw,5.8rem);line-height:.84;letter-spacing:-.065em;margin:12px 0 22px;position:relative;z-index:1}.login-brand h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #6f818a}.login-brand p{color:#8fa1aa;max-width:370px;font-size:1rem;position:relative;z-index:1}.login-signal{display:flex;align-items:center;gap:9px;margin-top:48px;color:#92a1a8;font-size:.78rem;position:relative;z-index:1}.login-signal i,.system-chip i,.camera-status i{width:7px;height:7px;background:var(--good);border-radius:50%;box-shadow:0 0 0 5px rgba(83,224,154,.08)}.login-panel{padding:60px;display:flex;flex-direction:column;justify-content:center}.login-panel-head span{color:var(--accent);font-size:.65rem;letter-spacing:.18em;font-weight:900}.login-panel-head strong{display:block;font-size:2rem;margin-top:9px}.login-panel-head p{color:var(--muted);margin:8px 0 28px}.btn{border:1px solid var(--line2);border-radius:9px;background:#111d24;padding:10px 13px;cursor:pointer;font-weight:780;transition:.15s}.btn:hover{filter:brightness(1.08)}.btn-primary{background:var(--accent);color:#10150c;border-color:var(--accent)}.btn-big{width:100%;margin-top:20px;padding:14px 16px;display:flex;justify-content:space-between}.btn-quiet{background:#0d171d;color:#b8c5ca}.btn-danger-outline{background:transparent;border-color:#63353b;color:#ff9298}.btn-full{width:100%;margin-top:10px}.form-error{min-height:22px;margin-top:12px;color:#ff858b;font-size:.8rem}.login-foot{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;color:#60747e;font-size:.7rem;display:flex;justify-content:space-between}.login-page input{padding:13px 14px}
/* shell */
.app-layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;border-right:1px solid var(--line);background:rgba(6,14,18,.96);padding:24px 14px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:14px;padding:2px 9px 27px}.brand>div:last-child{display:flex;flex-direction:column;line-height:1}.brand b{letter-spacing:.12em;font-size:.86rem}.brand small{margin-top:5px;color:var(--muted);font-size:.63rem;letter-spacing:.24em}.sidebar nav{display:grid;gap:5px}.nav-item{position:relative;border:0;background:transparent;width:100%;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:11px;text-align:left;color:#8799a2;cursor:pointer;font-weight:670;font-size:.84rem}.nav-item:hover{background:#0e1a20;color:#dce6e9}.nav-item.active{background:linear-gradient(90deg,rgba(215,244,91,.12),rgba(215,244,91,.025));color:#eaf5b7}.nav-item.active:before{content:"";position:absolute;left:0;width:2px;height:24px;background:var(--accent);border-radius:2px}.nav-icon{width:20px;text-align:center;font-size:1rem}.nav-badge{margin-left:auto;padding:2px 6px;border-radius:10px;background:#55252a;color:#ff9098;font-size:.65rem}.sidebar-bottom{margin-top:auto}.operator{margin:16px 6px 0;border-top:1px solid var(--line);padding:17px 5px 0;display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:31px;height:31px;border-radius:7px;background:#17252b;display:grid;place-items:center;color:var(--accent);font-size:.77rem;font-weight:900}.operator div:last-child{min-width:0}.operator b{display:block;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operator small{display:block;color:var(--muted);font-size:.64rem;margin-top:2px}.main-column{grid-column:2}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3vw,44px);position:sticky;top:0;background:rgba(7,16,21,.88);backdrop-filter:blur(18px);z-index:20}.breadcrumbs{font-size:.58rem;letter-spacing:.16em;color:#50636d;font-weight:850}.breadcrumbs span{color:#7e949e}.page-title h1{font-size:1.38rem;margin:5px 0 0}.top-actions{display:flex;gap:9px;align-items:center}.system-chip{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #244237;border-radius:8px;background:#0b1b15;font-size:.65rem}.system-chip span{color:#6e8b7c}.system-chip b{color:var(--good);letter-spacing:.07em}.system-chip.error{border-color:#5d3035;background:#241114}.system-chip.error i{background:var(--danger)}.icon-btn{width:38px;height:38px;border:1px solid var(--line2);border-radius:9px;background:#0c171d;display:grid;place-items:center;cursor:pointer;font-size:1.08rem}.icon-btn.spinning{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content{padding:26px clamp(18px,3vw,42px) 70px;max-width:1680px;margin:auto}.view{display:none}.view.active{display:block}.alert-bar{background:linear-gradient(90deg,#38161a,#1a1114);border:1px solid #653037;border-radius:10px;padding:11px 14px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.alert-bar div{display:flex;gap:11px;align-items:center}.alert-bar b{font-size:.66rem;letter-spacing:.13em;background:#6d2b32;padding:5px 7px;border-radius:5px;color:#ffbcc0}.alert-bar span{font-size:.8rem;color:#dcaeb1}.alert-bar button,.text-btn{border:0;background:none;color:#b9c8ce;cursor:pointer;font-size:.75rem;font-weight:760}.overview-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(320px,.72fr);gap:14px}.hero-card,.latest-card,.panel,.settings-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,27,34,.96),rgba(10,19,24,.96));border-radius:14px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.12)}.card-head,.panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px}.card-head h2,.panel-head h2{font-size:.98rem;margin:3px 0 0}.state-pill,.class-pill{font-size:.61rem;font-weight:900;letter-spacing:.09em;border-radius:999px;padding:6px 8px;border:1px solid var(--line2)}.state-pill.good{color:var(--good);border-color:#24523f;background:#0a2118}.state-pill.warn{color:var(--warn);border-color:#5c4e27;background:#221c0c}.state-pill.muted{color:#758992}.hero-feed{position:relative;aspect-ratio:16/7.3;background:#04090c;overflow:hidden;border-top:1px solid #16232a;border-bottom:1px solid #16232a}.hero-feed>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.02)}.feed-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#60747e;gap:7px}.feed-empty b{color:#8da0aa}.radar{width:56px;height:56px;border:1px solid #1c393d;border-radius:50%;display:grid;place-items:center;margin-bottom:10px;position:relative}.radar:before,.radar:after{content:"";position:absolute;border:1px solid #152b2e;border-radius:50%}.radar:before{inset:9px}.radar:after{inset:19px}.radar i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent)}.feed-overlay{position:absolute;left:14px;bottom:12px;background:rgba(4,10,13,.72);backdrop-filter:blur(6px);padding:7px 9px;border:1px solid rgba(160,194,206,.18);border-radius:7px;display:flex;gap:9px;font-size:.65rem}.feed-overlay span{color:#9aabb2}.feed-overlay b{color:var(--good)}.scan-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);left:8%;right:8%;top:45%;box-shadow:0 0 10px rgba(215,244,91,.4);opacity:.4}.feed-footer{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 18px}.feed-footer div{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--line);padding-right:12px;margin-right:12px}.feed-footer div:last-child{border:0}.feed-footer span,.latest-meta small,.vr-visits span,.vr-confidence span{color:#60747e;font-size:.56rem;font-weight:850;letter-spacing:.1em}.feed-footer b{font-size:.71rem;color:#b7c5cb}.latest-card{display:flex;flex-direction:column}.latest-empty{flex:1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#61757f}.plate-placeholder{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px dashed #344750;border-radius:8px;padding:11px 16px;color:#6d818a;letter-spacing:.12em;font-weight:900}.latest-photo{height:176px;background:#04090c;position:relative;overflow:hidden;border-top:1px solid #16232a;border-bottom:1px solid #16232a}.latest-photo img{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:20px;border:1px solid rgba(215,244,91,.16)}.latest-info{padding:17px}.latest-top{display:flex;justify-content:space-between;align-items:start}.latest-top>div{display:flex;align-items:center;gap:8px}.plate-large{font-size:1.55rem;font-weight:1000;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.latest-top>b{font-size:.9rem;color:#bfccd1}.latest-top small{display:block;font-size:.5rem;color:#586c76;letter-spacing:.08em}.latest-info h3{font-size:1rem;margin:18px 0 3px}.latest-info p{color:var(--muted);font-size:.76rem;margin:0}.latest-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.latest-meta span{display:flex;flex-direction:column;font-size:.69rem;gap:4px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.metric{border:1px solid var(--line);background:#0b171d;border-radius:12px;padding:15px 16px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-25px;bottom:-25px;width:80px;height:80px;border:1px solid #1d3038;border-radius:50%}.metric span{color:#83969f;font-size:.69rem}.metric strong{display:block;font-size:1.85rem;margin:5px 0 2px}.metric small{color:#52666f;font-size:.65rem}.metric.danger strong{color:#ff8d93}.recent-panel{margin-top:10px}.vehicle-list{border-top:1px solid var(--line)}.vehicle-row{width:100%;display:grid;grid-template-columns:112px 96px minmax(240px,1fr) 65px 65px 20px;align-items:center;gap:13px;padding:10px 16px;background:transparent;border:0;border-bottom:1px solid #15232a;text-align:left;cursor:pointer}.vehicle-row:hover{background:#0e1c23}.vr-time{display:flex;flex-direction:column}.vr-time b{font-size:.7rem}.vr-time span,.vr-main span{color:#657983;font-size:.65rem;margin-top:3px}.plate-crop{width:92px;height:47px;border-radius:6px;object-fit:cover;border:1px solid #253842;background:#050a0d}.empty-crop{display:grid;place-items:center;color:#4c606a;font-size:.58rem}.vr-main{min-width:0}.vr-main>div{display:flex;gap:8px;align-items:center}.plate-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;font-size:.9rem}.class-pill{padding:4px 6px}.class-pill.known{color:var(--good);background:#0c2219;border-color:#224a39}.class-pill.unknown{color:#899ba3;background:#121d22}.class-pill.watch{color:#ff8d94;background:#2b1215;border-color:#5a292e}.vr-main>b{display:block;font-size:.76rem;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vr-main>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vr-visits,.vr-confidence{display:flex;flex-direction:column}.vr-visits b,.vr-confidence b{font-size:.73rem;margin-top:3px}.row-arrow{color:#4d626d;font-size:1.3rem}.empty-list{padding:35px;text-align:center;color:#61747d;font-size:.78rem}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-intro h2{font-size:1.5rem;margin:5px 0 6px}.section-intro p{color:var(--muted);font-size:.78rem;margin:0}.summary-box{border:1px solid var(--line2);border-radius:9px;padding:9px 12px;color:#92a4ac;font-size:.75rem}.camera-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.camera-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#0c171d}.camera-image{aspect-ratio:16/9;background:#04090c;position:relative}.camera-image img{width:100%;height:100%;object-fit:cover}.camera-no-feed{height:100%;display:grid;place-items:center;color:#3f525b;font-size:.68rem;letter-spacing:.15em}.camera-status{position:absolute;right:10px;top:10px;padding:6px 8px;border-radius:7px;background:rgba(24,16,13,.8);border:1px solid #4f4329;color:#d7b558;font-size:.58rem;font-weight:900;display:flex;align-items:center;gap:7px}.camera-status i{background:#d7b558;box-shadow:none}.camera-status.online{background:rgba(8,30,22,.82);border-color:#25503e;color:var(--good)}.camera-status.online i{background:var(--good)}.camera-info{padding:12px 14px;display:flex;justify-content:space-between}.camera-info h3{font-size:.85rem;margin:0}.camera-info p{font-size:.62rem;color:#59707b;margin:3px 0}.camera-info>div:last-child{text-align:right}.camera-info span{display:block;font-size:.57rem;color:#5b707a}.camera-info b{font-size:.7rem}.camera-error{padding:8px 14px;background:#241619;color:#c58b8f;font-size:.64rem;border-top:1px solid #3b2226}.toolbar{padding:14px;display:flex;gap:9px}.searchbox{position:relative;flex:1}.searchbox span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#5e727c}.searchbox input{padding-left:34px}.toolbar select{width:180px}.vehicle-list.full .vehicle-row{grid-template-columns:120px 110px minmax(260px,1fr) 80px 80px 20px}.watch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.watch-card{background:linear-gradient(160deg,#1b1114,#0d171c 56%);border:1px solid #48262b;border-radius:13px;padding:16px;text-align:left;cursor:pointer}.watch-card:hover{border-color:#74373e}.watch-top{display:flex;justify-content:space-between;color:#9d7074;font-size:.65rem}.watch-card>strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.6rem;letter-spacing:.08em;margin:19px 0 7px}.watch-card h3{font-size:.86rem;margin:0}.watch-card p{min-height:32px;color:#8c777a;font-size:.69rem}.watch-card>div:last-child{border-top:1px solid #342125;padding-top:10px;display:flex;justify-content:space-between;font-size:.66rem;color:#8b7376}.watch-card>div:last-child b{color:#d5b9bb}.empty-state{border:1px dashed var(--line2);border-radius:13px;padding:45px;text-align:center;color:#60747e}.empty-state.wide{grid-column:1/-1}.empty-state h3{color:#94a5ad;font-size:.9rem}.empty-state p{font-size:.72rem}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-card{padding:18px}.settings-head{display:flex;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.settings-head>span{width:29px;height:29px;border-radius:7px;background:#16242b;display:grid;place-items:center;color:var(--accent);font-size:.65rem;font-weight:900}.settings-head h3{font-size:.9rem;margin:0}.settings-head p{font-size:.66rem;color:var(--muted);margin:3px 0}.hint{font-size:.64rem;color:#5e747e;line-height:1.5;margin:8px 0 13px}.form-msg{font-size:.68rem;color:var(--good);min-height:18px;margin-top:7px}.copy-field{display:flex}.copy-field input{border-radius:9px 0 0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.copy-field button{border:1px solid var(--line2);border-left:0;border-radius:0 9px 9px 0;background:#152229;color:#b7c5ca;padding:0 12px;cursor:pointer}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.system-info{margin-top:17px;border-top:1px solid var(--line);padding-top:10px}.system-info div{display:flex;justify-content:space-between;padding:5px 0;font-size:.65rem}.system-info span{color:#637983}.system-info b{color:#aebdc3}
/* drawer */
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:50}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,100%);background:#091319;border-left:1px solid var(--line2);z-index:51;transform:translateX(102%);transition:.22s ease;overflow:auto;box-shadow:-30px 0 100px rgba(0,0,0,.35)}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,19,25,.93);backdrop-filter:blur(12px);z-index:2}.drawer-head h2{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;font-size:1.6rem;margin:4px 0 0}.drawer-body{padding:18px}.drawer-visual{position:relative;background:#030709;border:1px solid var(--line);border-radius:11px;overflow:hidden;min-height:170px}.drawer-visual>img{display:block;width:100%;max-height:300px;object-fit:cover}.drawer-no-image{min-height:190px;display:grid;place-items:center;color:#4f636c}.crop-float{position:absolute;right:10px;bottom:10px;background:#081014;border:1px solid #344750;border-radius:8px;padding:5px}.crop-float img{display:block;width:145px;max-height:70px;object-fit:cover;border-radius:4px}.crop-float span{display:block;color:#84969e;font-size:.58rem;padding:4px 2px 0;text-align:right}.drawer-section{padding:18px 2px;border-bottom:1px solid var(--line)}.drawer-section h3{font-size:1rem;margin:6px 0 3px}.drawer-section p{color:var(--muted);font-size:.72rem;margin:0}.detail-stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.detail-stats div{padding:12px 2px;display:flex;flex-direction:column}.detail-stats span{color:#60747e;font-size:.58rem}.detail-stats b{font-size:.7rem;margin-top:4px}.class-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.class-buttons button{border:1px solid var(--line2);border-radius:8px;padding:9px;background:#101c22;color:#899aa2;cursor:pointer}.class-buttons button.active{border-color:#66808c;color:#e7eff1}.class-buttons button.watch.active{border-color:#6a3035;background:#2a1316;color:#ff969c}.toast{position:fixed;right:20px;bottom:20px;z-index:80;background:#15231b;border:1px solid #2d5943;color:#a9e3c1;padding:11px 14px;border-radius:9px;font-size:.73rem;transform:translateY(25px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}.toast.bad{background:#281417;border-color:#5d3035;color:#ffadb1}
@media(max-width:1050px){.overview-grid{grid-template-columns:1fr}.latest-card{display:block}.stats-row{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.vehicle-row{grid-template-columns:100px 85px 1fr 20px}.vr-visits,.vr-confidence{display:none}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:34px}.app-layout{display:block}.sidebar{position:static;width:auto;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px;flex-direction:row;align-items:center;overflow:auto}.brand{padding:0 10px}.brand>div:last-child{display:none}.sidebar nav{display:flex}.sidebar-bottom{margin:0 0 0 auto;display:flex}.sidebar-bottom .nav-item{display:none}.operator{display:none}.nav-item{width:auto;white-space:nowrap}.nav-item span:last-of-type{display:none}.main-column{display:block}.topbar{height:70px;padding:0 15px}.page-title h1{font-size:1.1rem}.top-actions .btn-quiet,.system-chip span{display:none}.content{padding:16px 10px 55px}.hero-feed{aspect-ratio:16/9}.stats-row{grid-template-columns:1fr 1fr}.vehicle-row,.vehicle-list.full .vehicle-row{grid-template-columns:82px 1fr 20px;padding:10px}.plate-crop,.vr-time{display:none}.overview-grid{gap:10px}.toolbar{flex-direction:column}.toolbar select{width:100%}.section-intro{align-items:start;flex-direction:column;gap:10px}.camera-grid{grid-template-columns:1fr}.alert-bar{align-items:start;flex-direction:column}.latest-photo{height:200px}}
@media(max-width:430px){.stats-row{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric strong{font-size:1.5rem}.feed-footer{padding:10px}.latest-meta{grid-template-columns:1fr 1fr}.latest-meta span:last-child{display:none}.detail-stats{grid-template-columns:1fr}.top-actions{gap:5px}.breadcrumbs{display:none}}