:root{--bg: #ffffff;--surface: #ffffff;--surface-soft: #f8fafc;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--brand: #2563eb;--brand-contrast: #ffffff;--subtle: #f1f5f9;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--success-bg: #f0fdf4;--success-border: #bbf7d0;--success-text: #15803d;--incident-bg: #fffbeb;--incident-border: #fde68a;--incident-text: #92400e;--ring: rgba(37, 99, 235, .18);background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body[data-theme=dark]{--bg: #020617;--surface: #0f172a;--surface-soft: #111c33;--text: #e5e7eb;--muted: #94a3b8;--border: #1e293b;--border-strong: #334155;--brand: #5f97ff;--brand-contrast: #07111f;--subtle: #142033;--danger-bg: rgba(127, 29, 29, .2);--danger-border: #7f1d1d;--danger-text: #fca5a5;--success-bg: rgba(20, 83, 45, .2);--success-border: #14532d;--success-text: #86efac;--incident-bg: rgba(120, 53, 15, .2);--incident-border: #78350f;--incident-text: #fcd34d;--ring: rgba(95, 151, 255, .22)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;min-height:100vh;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.auth-screen,.partner-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-panel,.partner-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0f172a0a;display:grid;gap:24px;max-width:420px;padding:28px;width:100%}option{background:var(--surface);color:var(--text)}.auth-panel h1,.partner-panel h1,.top-bar h1,.page-section h2{letter-spacing:0;line-height:1.1;margin:0}.eyebrow{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.auth-form,.user-form{display:grid;gap:14px}label{color:var(--text);display:grid;font-size:13px;font-weight:700;gap:7px}input,select{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;color:var(--text);min-height:42px;padding:0 12px;width:100%}input:focus,select:focus{border-color:var(--brand);outline:3px solid var(--ring)}.primary-button,.partner-button,.pagination button,.profile-popover button{align-items:center;background:var(--brand);border:0;border-radius:8px;color:var(--brand-contrast);display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:0 14px}.partner-grid{display:grid;gap:10px}.partner-button{justify-content:space-between}.app-shell{margin:0 auto;max-width:1440px;min-height:100vh;padding:16px 18px 112px}.top-actions{align-items:center;display:flex;gap:8px}.profile-menu{position:relative}.icon-button{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--brand);display:inline-flex;height:44px;justify-content:center;width:44px}.profile-popover{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 30px #0f172a1f;display:grid;gap:8px;min-width:240px;padding:10px;position:absolute;right:0;top:52px;z-index:20}.profile-popover button{background:var(--subtle);color:var(--text);justify-content:flex-start}.profile-summary{border-bottom:1px solid var(--border);display:grid;gap:3px;padding:8px}.profile-summary span{color:var(--muted);font-size:13px}.page-section{display:grid;gap:14px}.section-head{align-items:center;display:flex;gap:16px;justify-content:space-between;min-width:0}.section-head h2{color:var(--text);flex:1;font-size:20px;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-tools{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,3fr) minmax(132px,1fr);width:100%}.page-tools.search-only{grid-template-columns:1fr}.page-tools select{min-width:0}.search-box{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted);display:flex;gap:8px;min-width:0;padding:0 12px;width:100%}.search-box input{border:0;min-height:42px;outline:0;padding:0}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:auto}table{border-collapse:collapse;min-width:980px;width:100%}th,td{border-bottom:1px solid var(--border);font-size:13px;padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--surface-soft);color:var(--muted);font-weight:800;position:sticky;top:0}td{color:var(--text)}.centered-table th,.centered-table td{text-align:center;vertical-align:middle}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--surface-soft)}.badge{align-items:center;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;line-height:1;min-height:22px;padding:0 8px}.badge svg{flex-shrink:0}.badge.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.badge.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.badge.neutral{background:var(--subtle);color:var(--muted)}.badge.warning{background:var(--incident-bg);border-color:var(--incident-border);color:var(--incident-text)}.reason-badge{gap:4px;text-transform:none}.compact-datetime{display:inline-grid;gap:2px;line-height:1.15;min-width:58px}.compact-datetime strong{color:var(--text);font-size:13px;font-weight:700}.compact-datetime small{color:var(--muted);font-size:12px;font-weight:600}.mobile-list,.mobile-count-pill{display:none}.mobile-detail-backdrop{align-items:center;background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:50}.mobile-detail-modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 28px 80px #0f172a4d,0 8px 22px #0f172a29;display:grid;gap:16px;max-height:min(84vh,760px);overflow:auto;padding:20px;width:min(640px,calc(100vw - 48px))}.mobile-detail-title{align-items:start;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding-bottom:10px}.mobile-detail-title div{display:grid;gap:3px;min-width:0}.mobile-detail-title strong{color:var(--text);font-size:15px;overflow-wrap:anywhere}.modal-title-line{align-items:center;display:flex;gap:8px}.mobile-detail-title span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.mobile-detail-title button{align-items:center;background:var(--subtle);border:1px solid var(--border);border-radius:8px;color:var(--text);display:inline-flex;font-size:13px;font-weight:700;gap:6px;min-height:34px;padding:0 10px}.modal-actions{display:flex;flex-shrink:0;gap:8px}.modal-refresh-button{flex-shrink:0}.modal-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;color:var(--danger-text);font-size:13px;margin:0;padding:8px 10px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-detail-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.mobile-detail-grid span{color:var(--text);display:grid;font-size:13px;gap:3px;min-width:0;overflow-wrap:anywhere}.mobile-detail-grid small{color:var(--muted);font-size:12px;font-weight:800}.detail-full-width{grid-column:1 / -1}.power-history-list{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.power-history-list span{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.power-history-list span:last-child{border-bottom:0}.power-history-list strong{color:var(--text);font-size:13px}.power-history-list small{color:var(--muted);font-size:12px;font-weight:700;text-align:right}.pagination{align-items:center;display:flex;gap:12px;justify-content:flex-end}.pagination button{background:var(--surface);border:1px solid var(--border);color:var(--brand)}.pagination span{color:var(--muted);font-size:13px;font-weight:700}.bottom-nav{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafcd1;border:1px solid var(--border);border-radius:999px;bottom:18px;box-shadow:0 12px 34px #0f172a24;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);left:50%;min-height:64px;padding:6px;position:fixed;transform:translate(-50%);width:min(430px,calc(100vw - 28px));z-index:10}body[data-theme=dark] .bottom-nav{background:#0f172adb}.bottom-nav button{align-items:center;background:transparent;border:1px solid transparent;border-radius:999px;color:#374151;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:3px;height:52px;justify-content:center;min-height:0;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .12s ease;width:100%}.bottom-nav button:hover{background:#f9fafb}.bottom-nav button:active{transform:scale(.95)}body[data-theme=dark] .bottom-nav button{color:#aeb7c7}body[data-theme=dark] .bottom-nav button:hover{background:#142033b3}.bottom-nav button.active{background:#fff;border-color:#dbeafe;box-shadow:0 8px 20px #2563eb29;color:#2563eb}body[data-theme=dark] .bottom-nav button.active{background:#14233a;border-color:#243958;box-shadow:0 8px 24px #00000047;color:#5f97ff}.offline-stack{display:grid;gap:14px}.incident-band{display:grid;gap:10px}.other-offline-section{display:grid;gap:14px}.incident-head{align-items:center;background:var(--incident-bg);border:1px solid var(--incident-border);border-radius:8px;color:var(--incident-text);display:flex;justify-content:space-between;padding:12px}.incident-head div{display:grid;gap:4px}.incident-head span,.incident-meta{font-size:13px}.incident-meta{justify-items:end}.loading{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-weight:800;padding:24px;text-align:center}.loading.full{align-items:center;display:flex;justify-content:center;min-height:100vh}.error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;color:var(--danger-text);margin:0;padding:10px 12px}.user-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:10px;grid-template-columns:1.4fr 1fr 140px 1fr auto;padding:12px}@media(max-width:820px){.app-shell{padding:14px 12px 96px}.section-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.section-head h2{display:block;flex:1;font-size:19px;min-width:0}.top-actions{flex-shrink:0}.icon-button{height:40px;width:40px}.page-tools{grid-template-columns:minmax(0,3fr) minmax(104px,1fr)}.page-tools.search-only{grid-template-columns:1fr}.page-tools.search-only.with-mobile-count{grid-template-columns:minmax(0,3fr) auto}.search-box{min-width:0;width:100%}.mobile-count-pill{align-items:center;align-self:stretch;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted);display:inline-flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;min-width:86px;padding:0 10px;white-space:nowrap}.desktop-table{display:none}.mobile-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:0;overflow:hidden;width:100%}.mobile-row{background:var(--surface);border:0;border-bottom:1px solid var(--border);border-radius:0;color:var(--text);display:grid;gap:8px;padding:9px 10px;text-align:left;width:100%}.mobile-row:last-child{border-bottom:0}.mobile-row-header{background:var(--surface-soft);border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:800;padding:8px 10px;text-align:left;text-transform:none}.mobile-row-main{align-items:center;display:grid;gap:10px;width:100%}.mobile-row-main span,.mobile-row-details span{display:grid;gap:2px;justify-items:center;min-width:0;overflow-wrap:anywhere;text-align:center;white-space:normal}.mobile-row-main small,.mobile-row-details small{color:var(--muted);font-size:12px;font-weight:800}.mobile-row-main small{display:none}.mobile-row-main span{font-size:13px;font-weight:500;line-height:1.35}.mobile-row-main .badge{justify-self:center;white-space:nowrap}.mobile-row-main .reason-badge{gap:5px;justify-content:center;min-width:76px;padding:0 10px}.mobile-row-main .reason-badge svg{display:none}.mobile-row-header .mobile-row-main span{color:var(--muted);font-size:12.5px;font-weight:800;white-space:nowrap}.mobile-row-details{border-top:1px solid var(--border);display:grid;gap:8px;grid-template-columns:1fr 1fr;padding-top:8px}.mobile-detail-backdrop{align-items:center;background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:50}.mobile-detail-modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 26px 76px #0f172a52,0 8px 20px #0f172a2e;display:grid;gap:16px;max-height:84vh;overflow:auto;padding:18px;width:min(100%,520px)}.mobile-detail-title{align-items:start;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding-bottom:10px}.mobile-detail-title div{display:grid;gap:3px;min-width:0}.mobile-detail-title strong{color:var(--text);font-size:15px;overflow-wrap:anywhere}.mobile-detail-title span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.modal-title-line{display:flex}.mobile-detail-title button{background:var(--subtle);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-weight:700;min-height:34px;padding:0 10px}.modal-refresh-button{height:34px;justify-content:center;min-height:34px;padding:0;width:34px}.modal-refresh-button svg{height:20px;width:20px}.modal-refresh-button span{display:none}.mobile-detail-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.mobile-detail-grid span{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.mobile-detail-grid small{color:var(--muted);font-size:12px;font-weight:800}.mobile-detail-grid span{color:var(--text);font-size:13px}.pagination{justify-content:space-between}.incident-head{align-items:start;display:grid}.incident-meta{justify-items:start}.user-form{grid-template-columns:1fr}}