:root{--bg:#08090b;--panel:#101216;--panel2:#15181d;--line:#282c34;--text:#f5f7fa;--muted:#8d95a1;--ok:#63df9b;--bad:#ff7373;--warn:#f3cb72;--blue:#72b7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#31384642,transparent 25%),#08090b;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#0b0d10;padding:24px 16px;display:flex;flex-direction:column}.logo{font-size:23px;font-weight:950;letter-spacing:-.04em;margin:2px 10px 30px}.logo span{color:#6e7683}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#929aa6;padding:13px 14px;text-align:left;border-radius:13px;font-weight:800;cursor:pointer}.nav button.on,.nav button:hover{background:#191c22;color:white}.main{padding:28px;max-width:1300px;width:100%;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.header h1{margin:0;font-size:31px;letter-spacing:-.04em}.header p{margin:4px 0 0;color:#7f8793}.button{border:1px solid #333842;background:#f3f4f6;color:#0a0b0d;border-radius:13px;padding:11px 14px;font-weight:900;cursor:pointer}.button.dark{background:#171a20;color:#fff}.button.danger{background:#231416;color:#ffadb3;border-color:#4b292e}.button.warn{background:#2a2112;color:#ffd98a;border-color:#5a4724}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#14171c,#0d0f12);padding:20px}.stat small{color:#77808c;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900}.stat strong{display:block;font-size:31px;margin-top:8px}.panel{border:1px solid var(--line);background:#0f1115;border-radius:22px;margin-top:14px;overflow:hidden}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.panelhead h2{font-size:17px;margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px}.card{border:1px solid #252a32;background:#14171c;border-radius:18px;padding:17px}.card.lost{border-color:#71313a;box-shadow:inset 0 0 0 1px #511f27}.cardtop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h3{margin:0 0 5px;font-size:17px}.meta{color:#7e8793;font-size:12px;line-height:1.55}.tag{font-size:10px;border:1px solid #333945;border-radius:999px;padding:5px 7px;color:#b0b7c1;text-transform:uppercase;font-weight:900}.tag.red{border-color:#71313a;color:#ff9ca6}.tag.green{border-color:#275d43;color:#7be6ad}.tag.blue{border-color:#2b4f75;color:#9bcaff}.rowbtns{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.mini{border:1px solid #30353f;background:#1a1d23;color:#dce0e6;border-radius:10px;padding:8px 9px;font-size:11px;font-weight:800;cursor:pointer}.mini.alert{border-color:#673039;color:#ff9ba6}.mini.ok{border-color:#285440;color:#80e5b0}.empty{padding:34px;text-align:center;color:#69727e}.view{display:none}.view.on{display:block}.login{position:fixed;inset:0;background:#07080af2;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px}.loginbox{width:min(100%,430px);padding:27px;border:1px solid #2b3039;background:#111318;border-radius:25px;box-shadow:0 30px 100px #000}.loginbox h2{margin:0 0 8px;font-size:25px}.loginbox p{color:#8a929d;font-size:13px;line-height:1.5}.input,.select,.textarea{width:100%;border:1px solid #2b3039;background:#090b0e;color:#f5f6f8;border-radius:12px;padding:12px 13px;font:inherit;outline:none}.textarea{min-height:90px;resize:vertical}.loginbox .button{width:100%;margin-top:10px}.modal{position:fixed;inset:0;background:#000c;backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:18px;z-index:30}.modal.on{display:flex}.modalbox{width:min(100%,720px);max-height:92vh;overflow:auto;border:1px solid #303641;background:#111318;border-radius:23px;padding:22px}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modalhead h2{margin:0}.x{border:0;background:#252930;color:#fff;border-radius:10px;width:36px;height:36px;cursor:pointer}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.full{grid-column:1/-1}.lab{display:grid;gap:6px;color:#9da4af;font-size:11px;font-weight:800}.checks{display:flex;gap:16px;flex-wrap:wrap;padding:7px 0;color:#adb4be;font-size:12px}.modalfoot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:11px 12px;text-align:left;border-bottom:1px solid #22262d;white-space:nowrap}.table th{color:#7f8894;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.good{color:var(--ok)}.bad{color:var(--bad)}.warntext{color:var(--warn)}.qrbox{text-align:center}.qrbox #qr{display:inline-block;background:white;padding:14px;border-radius:14px}.qrurl{font-size:11px;color:#7f8792;word-break:break-all;margin:12px}.labelpreview{width:340px;min-height:205px;margin:15px auto;background:white;color:#08090b;border-radius:18px;padding:18px;text-align:left;display:grid;grid-template-columns:135px 1fr;gap:16px;align-items:center}.labelpreview h3{font-size:21px;margin:0 0 6px}.labelpreview p{margin:4px 0;font-size:11px}.found{font-weight:950;letter-spacing:.07em;font-size:10px}.modelhint{font-size:11px;color:#7f8793;margin-top:5px}.modelpill{display:inline-block;padding:4px 7px;border:1px solid #343a44;border-radius:999px;font-size:9px;color:#b6bdc7;text-transform:uppercase;letter-spacing:.05em}.mapframe{width:100%;height:360px;border:0;border-radius:16px;background:#0a0b0e}.mapnote{font-size:12px;color:#9aa1ad;line-height:1.5;text-align:left;margin:10px 0}.toast{position:fixed;right:20px;bottom:20px;background:#f4f5f7;color:#090a0c;padding:12px 15px;border-radius:12px;font-weight:800;font-size:12px;display:none;z-index:50}.notice{padding:14px 16px;border:1px solid #2a3541;background:#101821;border-radius:16px;color:#b9c6d3;font-size:12px;line-height:1.55}.notice strong{color:#fff}.pushbox{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding:14px}.pushhero{padding:22px;border:1px solid #29435a;background:linear-gradient(145deg,#101d29,#0d141c);border-radius:20px}.pushhero h2{margin:0 0 8px}.pushhero p{color:#91a2b3;line-height:1.55}.device{padding:14px;border:1px solid #282f38;border-radius:16px;background:#13171d;margin-bottom:8px}.device small{color:#7f8995}.scanbox video{width:100%;max-height:380px;border-radius:16px;background:#050607}.cyclebar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.unread{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ff6675;color:white;font-size:10px;font-weight:950}.sep{height:1px;background:#252a31;margin:13px 0}
.historyFilters{display:grid;grid-template-columns:1.25fr 1fr .8fr 1fr 1.4fr;gap:8px;width:100%}.historySummary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.historySummary div{background:#141820;border:1px solid #272e38;border-radius:14px;padding:11px}.historySummary small{display:block;color:#7f8996;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.historySummary strong{display:block;margin-top:4px;font-size:18px}.historyTable td{vertical-align:top}.eventBadge{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950;letter-spacing:.06em}.eventBadge.scan{background:#12253a;color:#9fceff}.eventBadge.gps{background:#103022;color:#8ef0ba}.eventBadge.message{background:#342814;color:#f6d88f}.deviceDetail{white-space:normal;min-width:220px;line-height:1.5;color:#b9c1cb}.deviceDetail b{color:#fff}.historyMessage{white-space:normal;min-width:220px;line-height:1.5}.securityGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.securityBox{padding:20px;border:1px solid var(--line);background:#101318;border-radius:20px}.securityBox h2{margin:0 0 8px}.securityStatus{display:grid;gap:8px;margin:15px 0}.securityStatus div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #242a32;padding:8px 0;color:#aab2bd}.securityStatus b{color:#fff}.securityNote{font-size:12px;line-height:1.55;color:#8e98a5}.securityForm{display:grid;gap:9px}.publicGroup{border:1px solid #29303a;background:#0d1014;border-radius:14px;padding:12px}.publicGroup strong{display:block;font-size:12px;margin-bottom:8px}.publicGroup small{display:block;color:#818b98;line-height:1.45;margin-bottom:8px}
@media(max-width:900px){.app{grid-template-columns:1fr}.side{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:14px}.logo{margin:2px 8px 12px}.nav{grid-template-columns:repeat(3,1fr)}.nav button{text-align:center;padding:10px 4px;font-size:11px}.main{padding:16px}.cards,.grid,.pushbox,.securityGrid,.historySummary{grid-template-columns:1fr}.historyFilters{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.historyFilters .searchWide{grid-column:1/-1}.table.historyTable thead{display:none}.table.historyTable,.table.historyTable tbody,.table.historyTable tr,.table.historyTable td{display:block;width:100%}.table.historyTable tr{margin:10px;border:1px solid #2a3039;border-radius:16px;background:#12161c;padding:8px;width:calc(100% - 20px)}.table.historyTable td{border:0;padding:7px 9px;white-space:normal;display:grid;grid-template-columns:92px 1fr;gap:8px}.table.historyTable td:before{content:attr(data-label);color:#737e8c;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.deviceDetail,.historyMessage{min-width:0}}@media print{body *{visibility:hidden}.labelpreview,.labelpreview *{visibility:visible}.labelpreview{position:absolute;left:0;top:0;margin:0;border:1px solid #ddd;box-shadow:none}}

.userBadge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:950;background:#182736;border:1px solid #31536e;color:#a9d7f5}.userBadge.admin{background:#2a2113;border-color:#664d23;color:#ffd98d}.shareLine{display:grid;grid-template-columns:1fr 130px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #242a32}.shareLine:last-child{border-bottom:0}.siteMessage{padding:16px;border-bottom:1px solid #242a32}.siteMessage.new{background:#101c26}.siteMessage h3{margin:0 0 6px;font-size:15px}.siteMessage .body{color:#c3ccd5;white-space:pre-wrap;line-height:1.55;margin:10px 0}.accountStrip{margin:0 0 18px;padding:10px 13px;border:1px solid #293642;background:#0d151d;border-radius:14px;color:#aebdca;font-size:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.adminOnlyHidden{display:none!important}