:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#eef2f7;color:#101828}a{text-decoration:none;color:inherit}.app{min-height:100vh}.wrap{max-width:520px;margin:0 auto;padding:calc(78px + env(safe-area-inset-top)) 18px 96px}.topbar{position:fixed;top:0;left:0;right:0;background:#eef2f7;border-bottom:1px solid #e5e7eb;z-index:40}.topbar-inner{max-width:520px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo-badge{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.logo-badge img{width:38px;height:38px;object-fit:contain}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 10px 24px #1018280f}.row{display:flex;gap:14px;flex-wrap:wrap}.col{flex:1;min-width:160px}.muted{color:#667085}.greet{font-size:22px;font-weight:700}.btn{font-size:16px;padding:12px 14px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;color:#101828;cursor:pointer;width:100%}.btn-primary{background:#2563eb;color:#fff;border:none}.btn-ghost{background:#f8fafc;border:1px solid #e5e7eb}.btn-danger{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.tile{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;text-align:center}.tile h3{margin:12px 0 6px;font-size:16px}.tile .muted{font-size:13px}.tile-icon{width:46px;height:46px;border-radius:14px;background:#f1f5ff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;border:1px solid #e5ecff;color:#2563eb;font-weight:700}.status-card{display:flex;align-items:center;gap:12px;background:#effdf4;border:1px solid #b7f0cf}.status-badge{width:42px;height:42px;border-radius:14px;background:#e6fbef;border:1px solid #c9f3dc;display:flex;align-items:center;justify-content:center;color:#16a34a;font-weight:700}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 20px #10182814;z-index:40}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:#667085;font-size:11px;padding:6px 0;border-radius:12px}.nav-item.active{color:#2563eb;background:#eef2ff;font-weight:600}.nav-icon{width:22px;height:22px}input{width:100%;font-size:16px;padding:12px 14px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;color:#101828}video{width:100%;max-height:320px;border-radius:12px}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.login-logo{width:84px;height:84px;object-fit:contain}.sheet-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.36);z-index:60}.sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));z-index:61;box-shadow:0 -12px 32px #10182833}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sheet-body video{width:100%;border-radius:14px;background:#0b1220}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:86px;background:#0f172a;color:#fff;padding:12px 16px;border-radius:999px;font-size:14px;box-shadow:0 10px 24px #10182833;z-index:30;max-width:90%;text-align:center}.table-wrap[data-v-7ab63e67]{margin-top:12px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.stat-table[data-v-7ab63e67]{width:100%;border-collapse:collapse;font-size:14px}.stat-table th[data-v-7ab63e67],.stat-table td[data-v-7ab63e67]{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.stat-table tr:last-child th[data-v-7ab63e67],.stat-table tr:last-child td[data-v-7ab63e67]{border-bottom:none}.stat-table th[data-v-7ab63e67]{background:#f9fafb;color:#475467;font-weight:600;width:45%}.chart-row[data-v-7ab63e67]{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:12px}.pie[data-v-7ab63e67]{width:120px;height:120px;border-radius:50%;border:8px solid #f1f5f9}.legend[data-v-7ab63e67]{display:flex;flex-direction:column;gap:12px}.legend-item[data-v-7ab63e67]{display:flex;align-items:center;gap:10px}.dot[data-v-7ab63e67]{width:12px;height:12px;border-radius:50%}.dot-read[data-v-7ab63e67]{background:#2563eb}.dot-delivered[data-v-7ab63e67]{background:#94a3b8}.actions[data-v-d8b11e6a]{margin-top:12px}.table-wrap[data-v-d8b11e6a]{margin-top:12px;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.stat-table[data-v-d8b11e6a]{width:100%;min-width:720px;border-collapse:collapse;font-size:14px}.stat-table th[data-v-d8b11e6a],.stat-table td[data-v-d8b11e6a]{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.stat-table tr:last-child th[data-v-d8b11e6a],.stat-table tr:last-child td[data-v-d8b11e6a]{border-bottom:none}.stat-table thead th[data-v-d8b11e6a]{background:#f9fafb;color:#475467;font-weight:600}.error[data-v-d8b11e6a]{margin-top:10px;color:#b42318}.bars[data-v-d8b11e6a]{display:flex;flex-direction:column;gap:14px;margin-top:12px}.bar-item[data-v-d8b11e6a]{display:flex;flex-direction:column;gap:8px}.bar-head[data-v-d8b11e6a]{display:flex;justify-content:space-between;gap:12px;font-size:14px}.stack[data-v-d8b11e6a]{position:relative;height:18px;display:flex;border-radius:999px;overflow:hidden;background:#e5e7eb}.used[data-v-d8b11e6a]{background:#2563eb}.free[data-v-d8b11e6a]{background:#94a3b8}.stack-label[data-v-d8b11e6a]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:11px;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.45);pointer-events:none;white-space:nowrap}.bar-meta[data-v-d8b11e6a]{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#475467}.stat-table th.th-num[data-v-d8b11e6a],.stat-table td.td-num[data-v-d8b11e6a]{text-align:right}.row-clickable[data-v-d8b11e6a]{cursor:pointer}.row-selected td[data-v-d8b11e6a]{box-shadow:inset 0 -2px #2563eb;background:#eff6ff}@media (min-width: 480px){.stack-label[data-v-d8b11e6a]{font-size:12px}}