.demo-banner{margin:0 0 18px;padding:14px 18px;background:#eef4ff;border:1px solid #dbe7ff;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.demo-banner b{display:block;color:#175cbe;font-size:14px}.demo-banner span{font-size:12px;color:#627791}.demo-banner>div:first-child{max-width:580px}.demo-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.demo-controls .btn{font-size:12px;padding:8px 10px}.demo-controls #modelState{white-space:nowrap}.notice-list-item{font:inherit;cursor:pointer;text-align:left;color:var(--ink);width:100%}.notice-list-item.selected{border-color:#92baff;background:#f4f8ff}.empty-demo{padding:25px;color:var(--muted);font-size:14px}.empty-demo p{margin-bottom:20px}.incident-card .badge{font-size:11px;max-width:200px}.incident-actions{align-items:center;flex-wrap:wrap}.incident-card>a>img{transition:filter .15s}.incident-card>a:hover>img{filter:brightness(.95)}.cam img{background:#111e30}.cam button{font-size:12px}.bar-row{grid-template-columns:185px 1fr 42px}[hidden]{display:none!important}.btn:disabled{opacity:.55;cursor:wait}#demoToast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(15px);padding:14px 22px;border-radius:14px;background:#152d4d;color:white;box-shadow:0 8px 32px #10234433;opacity:0;pointer-events:none;transition:.2s;z-index:120;max-width:90vw}#demoToast.show{opacity:1;transform:translateX(-50%) translateY(0)}#demoToast.error{background:#a82e3f}dialog{border:1px solid var(--border);border-radius:24px;padding:26px;width:min(850px,94vw);max-height:92vh;overflow:auto;color:var(--ink);box-shadow:0 30px 100px #10234444}dialog::backdrop{background:#11264177;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{font-size:23px;margin:0}.upload-label{display:grid;gap:10px;border:1px dashed #aac6ed;padding:22px;border-radius:16px;margin:20px 0;font-size:14px;background:#f6f9fe}.prediction-image{display:block;max-height:500px;max-width:100%;margin:20px auto;border-radius:15px}#predictionResult{margin-top:20px;font-size:14px}#predictionResult .btn{display:inline-block;margin-top:8px}@media(max-width:1300px){.demo-banner{align-items:flex-start;flex-direction:column}.demo-controls{justify-content:flex-start}.bar-row{grid-template-columns:155px 1fr 30px}}@media(max-width:720px){.bar-row{grid-template-columns:115px 1fr 25px;font-size:12px}.demo-controls .btn{font-size:11px}.incident-card .badge{white-space:normal}.period{font-size:11px}}
.mobile-nav{display:none}@media(max-width:720px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;background:white;border-top:1px solid var(--border);padding:8px 4px max(8px,env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -4px 20px #182a4308}.mobile-nav a{font-size:10px;text-align:center;color:#708095;flex:1}.mobile-nav span{display:block;font-size:19px;line-height:24px}.mobile-nav a.active{color:#1266e8;font-weight:700}.main-inner{padding-bottom:90px}.meta-box b{overflow-wrap:anywhere}}@media(max-width:380px){.topbar{flex-wrap:wrap}.top-actions{margin-left:auto}}