:root{--background: #fafafa;--foreground: #2e2e4d;--card-bg: #f2f2f7;--primary: #4214c4;--matte-accent: #d32a87;--matte-accent-dark: #bb2879;--error: #8b3a3a;--disabled: #9ca3af;--ok: #22c55e;--warn: #eab308;--line: #e5e7eb;--z-nav: 50;--z-drawer: 2000;--z-toast: 3000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.view{display:none}.view.active{display:block}.map-wrap{background:#fff;border:1px solid var(--line);border-radius:.75rem;padding:1.25rem}.map-wrap h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .75rem}#device-map{height:300px;border-radius:.5rem;z-index:0}.map-legend{display:flex;gap:1rem;font-size:.75rem;color:#6b7280;margin-top:.5rem;align-items:center}.dot{width:.75rem;height:.75rem;border-radius:9999px;display:inline-block;margin-right:.25rem}.dot.on{background:var(--ok)}.dot.off{background:#ef4444}.map-btn{margin-left:auto;font-size:.75rem;padding:.25rem .6rem;border:1px solid var(--line);border-radius:.375rem;background:#fff;cursor:pointer}.leaflet-container{font:inherit}.leaflet-popup-content{font-size:.8rem;line-height:1.35}.stat-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;border:1px solid var(--line);border-radius:.75rem;box-shadow:0 1px 2px #0000000d;padding:1.25rem;display:flex;gap:.75rem;align-items:flex-start}.stat-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-title{font-size:.8rem;color:#6b7280}.stat-value{font-size:1.35rem;font-weight:700;color:var(--foreground);margin-top:.15rem}.stat-sub{font-size:.75rem;color:#9ca3af}.skeleton{position:relative;overflow:hidden;background:#e5e7eb;border-radius:.375rem}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.progress{height:.5rem;border-radius:9999px;background:#e5e7eb;overflow:hidden;margin-top:.5rem}.progress>span{display:block;height:100%;background:var(--ok);border-radius:9999px;transition:width .4s}.import-list{margin:.25rem 0 .75rem;padding-left:1.1rem;font-size:.8rem;color:#4b5563;max-height:12rem;overflow-y:auto}.import-list code{font-family:ui-monospace,Menlo,Consolas,monospace}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:.5rem;overflow:hidden;margin-top:1rem;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;min-width:40rem}.tbl th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:500;background:#f9fafb;padding:.75rem 1rem;white-space:nowrap}.tbl th.sortable{cursor:pointer}.tbl td{padding:.65rem 1rem;font-size:.85rem;border-top:1px solid #f3f4f6;vertical-align:middle}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:#f9fafb}.mob-toolbar{display:none}@media(max-width:767.98px){.mob-toolbar{display:flex;align-items:center;gap:.5rem;margin:.75rem 0}.table-wrap{overflow:visible;border:0;background:transparent}.tbl,.tbl thead{display:block}.tbl thead{display:none}.tbl tbody{display:block}.tbl tr{display:block;border:1px solid var(--line);border-radius:.5rem;margin-bottom:.75rem;padding:.4rem .75rem;background:#fff}.tbl td{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:0;padding:.35rem 0}.tbl td:before{content:attr(data-label);font-weight:600;color:#6b7280;flex-shrink:0}.tbl td[data-hide=true]{display:none}.tbl tbody tr:hover{background:#fff}}.overlay{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s;z-index:calc(var(--z-drawer) - 1)}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(100%,24rem);background:#fff;z-index:var(--z-drawer);transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.drawer-body{padding:1.25rem;overflow-y:auto}.drawer-foot{padding:1rem 1.25rem;border-top:1px solid var(--line);display:flex;gap:.5rem;justify-content:flex-end}.topbar{display:flex;align-items:center;gap:.5rem;position:fixed;top:0;left:0;right:0;height:3rem;box-sizing:border-box;padding:.5rem .75rem;padding-top:calc(.5rem + env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;z-index:60}.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;background:none;border-radius:.5rem;color:#4b5563;cursor:pointer}.menu-btn:hover{background:#f3f4f6}.menu-btn svg{width:1.5rem;height:1.5rem}.topbar-title{font-weight:600;font-size:.95rem;color:var(--foreground)}.navbar{position:fixed;top:0;bottom:0;left:0;width:min(82vw,18rem);box-sizing:border-box;transform:translate(-102%);transition:transform .25s ease;background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 12px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:.75rem;padding-top:calc(.75rem + env(safe-area-inset-top));padding-bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:2000}.navbar.open{transform:translate(0)}.nav-item{flex:0 0 auto;display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:.5rem;background:none;border:0;cursor:pointer;color:#4b5563;font-size:.875rem;text-align:left;width:100%}.nav-item svg{width:1.5rem;height:1.5rem;flex-shrink:0}.nav-item.active{color:#dc2626;background:#fef2f2}.nav-item:hover{background:#f3f4f6}.nav-item.active:hover{color:#dc2626}main.page{padding:calc(3rem + env(safe-area-inset-top)) .75rem 1.5rem}@media(min-width:1024px){.topbar{display:none}.navbar{transform:none;transition:none;inset:0 auto 0 0;width:12rem;height:100dvh;border-right:1px solid #e5e7eb;box-shadow:none;padding:.75rem}.nav-item{font-size:.875rem}main.page{padding:1.5rem 1.5rem 2rem;margin-left:12rem}}#toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:var(--z-toast);background:#111827;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#toast.err{background:var(--error)}.badge{display:inline-block;padding:.1rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:600}.badge.green{background:#dcfce7;color:#15803d}.badge.red{background:#fee2e2;color:#b91c1c}.badge.yellow{background:#fef9c3;color:#a16207}.badge.gray{background:#f3f4f6;color:#6b7280}.btn{padding:.5rem 1rem;border-radius:.5rem;border:1px solid transparent;font-weight:600;font-size:.875rem;cursor:pointer}.btn:disabled{background:var(--disabled)!important;cursor:not-allowed}.btn-red{background:var(--matte-accent);color:#fff}.btn-red:hover{background:var(--matte-accent-dark)}.btn-blue{background:var(--primary);color:#fff}.btn-ghost{background:#fff;border-color:var(--line);color:var(--foreground)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--matte-accent);border-color:transparent}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background:#f3f4f6;border-radius:.75rem;padding:.75rem}.search-pill{border-radius:9999px}html,body{margin:0;padding:0}body{background:var(--background);color:var(--foreground);min-height:100vh}button,input,select,textarea{font-family:inherit}.hidden{display:none!important}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.login-card{background:#fff;border:1px solid var(--line);border-radius:.75rem;box-shadow:0 10px 25px #00000014;padding:1.5rem;width:100%;max-width:24rem;box-sizing:border-box}.login-logo{text-align:center;margin-bottom:1rem}.login-logo img{width:100px;height:100px;object-fit:contain}.login-title{font-size:1.35rem;font-weight:700;text-align:center;margin:0 0 1.25rem}.field{margin-bottom:1rem}.err-msg{color:var(--error);font-size:.85rem;margin:.25rem 0;min-height:1em}.center{text-align:center}.page-title{font-size:1.4rem;margin:0 0 1rem}.panel{background:#fff;border:1px solid var(--line);border-radius:.75rem;padding:1rem 1.25rem}.panel h3{font-size:.85rem;font-weight:500;color:#6b7280;margin:0 0 .75rem}.dash-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.dash-row.map-row{grid-template-columns:18rem 1fr}}@media(min-width:1024px){.dash-row.cols-3{grid-template-columns:repeat(3,1fr)}}#app-version{position:fixed;bottom:.25rem;left:0;right:0;text-align:center;font-size:.65rem;color:#9ca3af;pointer-events:none}.stat-icon.teal{background:#0d9488}.stat-icon.emerald{background:#059669}.stat-icon.amber{background:#d97706}.stat-icon.purple{background:#7c3aed}.stat-icon.indigo{background:#4f46e5}.stat-icon svg{width:1.4rem;height:1.4rem}.shop-row{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid #f3f4f6;font-size:.85rem}.shop-row:last-child{border-bottom:0}.rank{width:1.5rem;height:1.5rem;border-radius:9999px;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank.green{background:var(--ok)}.rank.red{background:#ef4444}.shop-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-right{display:flex;flex-direction:column;align-items:flex-end}.act-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.8rem;border-bottom:1px solid #f3f4f6}.act-row:last-child{border-bottom:0}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge.blue{background:#dbeafe;color:#1d4ed8}.page-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.page-head .page-title{margin:0}.actions-row{display:flex;gap:.5rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.chip{background:#dcfce7;color:#15803d;border-radius:9999px;font-size:.7rem;font-weight:600;padding:.15rem .6rem}.pick-item{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;font-size:.875rem;border-bottom:1px solid #f3f4f6}.pick-item:last-child{border-bottom:0}.pick-item input{width:auto}.cell-d{font-size:.8rem;line-height:1.35}.cell-d .t{color:#9ca3af;font-size:.75rem}.drawer-x{border:0;background:none;font-size:1.5rem;line-height:1;color:#6b7280;cursor:pointer;padding:.25rem .5rem}.drawer-x:hover{color:var(--error)}.err-msg{min-height:1em}.role-pill{text-transform:capitalize}.filters{width:100%;box-sizing:border-box}.filters input[type=text],.filters select{width:auto;min-width:0;flex:1 1 0}@media(max-width:640px){.filters{flex-direction:column;align-items:stretch}.filters input[type=text],.filters select,.filters .btn{width:100%!important}}@media(max-width:767.98px){.table-wrap{overflow-x:hidden}.tbl{min-width:0!important;width:100%!important}.tbl tr{box-sizing:border-box;max-width:100%}.tbl td{box-sizing:border-box;max-width:100%;flex-wrap:wrap}}.masked{letter-spacing:.05em}.drawer select option{color:var(--foreground)}.ttool{color:#dc2626;background:#fff;border:1px solid #fecaca;border-radius:9999px;cursor:pointer;font-weight:700;padding:.1rem .5rem;font-size:.8rem}.ttool:hover{background:#dc2626;color:#fff}.badge.off{background:#fee2e2;color:#b91c1c}.mono2{font-family:ui-monospace,Menlo,Consolas,monospace}.check-cell{width:2rem}.datalist-opt{display:none}.pager{display:flex;align-items:center;gap:.5rem;justify-content:space-between;padding:.75rem 0;flex-wrap:wrap}.pager .pinfo{font-size:.8rem;color:#6b7280}.field textarea{font-family:inherit}.bulk-progress{margin:.75rem 0}.bp-bar{height:.5rem;border-radius:9999px;background:#e5e7eb;overflow:hidden}.bp-bar>span{display:block;height:100%;background:var(--matte-accent);width:0;transition:width .2s}.bp-text{font-size:.8rem;color:#6b7280;margin-top:.25rem;display:block}.map-fs-btn{float:right;border:1px solid var(--line);background:#fff;color:#6b7280;border-radius:6px;line-height:1;padding:3px 7px;cursor:pointer;font-size:14px}.map-fs-btn:hover{background:#f3f4f6;color:#2e2e4d}body.map-fs-open{overflow:hidden}#device-map.map-fs-open{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:99999;border-radius:0}.map-fs-close{position:fixed;top:.75rem;right:.75rem;z-index:100000;background:#fff;border:1px solid var(--line);color:#2e2e4d;border-radius:.5rem;padding:.4rem .8rem;cursor:pointer;font-size:.8rem;box-shadow:0 1px 3px #0003;display:none}body.map-fs-open .map-fs-close{display:block}