:root{--n-body-color: #fff;--n-text-color: rgb(31, 34, 37);--n-text-color-3: rgb(118, 124, 130);--n-primary-color: #18a058}.theme-dark{--n-body-color: rgb(16, 16, 20);--n-text-color: rgba(255, 255, 255, .9);--n-text-color-3: rgba(255, 255, 255, .52);--n-primary-color: #63e2b7}html.theme-dark{background:var(--n-body-color)}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--n-body-color);color:var(--n-text-color)}body.theme-dark{background:var(--n-body-color);color:var(--n-text-color)}#app{min-height:100vh}.app-shell{min-height:100vh;height:100vh;box-sizing:border-box}.auth-card{max-width:420px;margin:80px auto}.google-login{margin-top:16px}.google-button{display:flex;justify-content:center}.auth-divider{margin:24px 0 16px}.dashboard-hero{background:linear-gradient(135deg,#0f172a,#0c4a6e);color:#f8fafc;padding:32px;border-radius:16px;margin-bottom:24px}.dashboard-hero h1{margin:4px 0 8px;font-size:1.8rem}.hero-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.dashboard-section{margin-top:24px}.nav-logo{display:flex;align-items:center;justify-content:center;padding:16px 12px;transition:padding .2s}.nav-logo img{width:48px;height:48px;object-fit:contain;transition:width .2s,height .2s}.nav-logo:not(.nav-logo-collapsed) img{width:80px;height:80px}.portal-layout{min-height:100vh;height:100vh}.portal-content{padding:24px;background:transparent;height:100%;overflow-y:auto}.panel{background:transparent;margin-bottom:32px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.panel-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.search-input{min-width:240px}.metrics-grid{margin-bottom:16px}.data-table{width:100%;margin-top:16px;--n-td-padding: 8px 12px}.data-table tbody tr:nth-child(2n) td{background-color:#00000006}.theme-dark .data-table tbody tr:nth-child(2n) td{background-color:#ffffff09}.data-table tbody tr:hover td{background-color:#0000000d!important}.theme-dark .data-table tbody tr:hover td{background-color:#ffffff12!important}.proxy-table-group{display:grid;gap:24px}@media (min-width: 1100px){.proxy-table-group{grid-template-columns:1fr 1fr}}.table-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px}.proxy-table-section .data-table{margin-top:8px}.location-block{border:1px solid var(--n-border-color, #e0e0e0);border-radius:6px;padding:12px;margin-bottom:12px}.location-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settings-section{padding:16px 0;border-bottom:1px solid var(--n-border-color, #e0e0e0);max-width:600px}.settings-section:last-child{border-bottom:none}.settings-section h3{margin:0 0 6px}.settings-section p{margin:0 0 12px}.data-table th{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-icon{margin-left:6px;font-size:12px;color:var(--n-text-color-3)}.item-title{font-weight:600}.badge-group{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.muted{color:var(--n-text-color-3)}.muted.small{font-size:12px;color:var(--n-text-color-3)}.chip{margin:2px 4px 2px 0}.link{color:var(--n-primary-color);text-decoration:none}.link:hover{text-decoration:underline}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.form-stack{display:flex;flex-direction:column;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.form-grid .full-width{grid-column:1 / -1}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.inline-field{display:flex;gap:8px;align-items:center}.inline-field>.n-select{flex:1}.modal-large{width:min(960px,95vw)}.modal-compact{width:min(560px,95vw)}.n-modal{align-self:flex-start!important;margin:5vh auto!important}.qr-canvas{display:block;margin:16px auto}.mt-4{margin-top:4px}.clickable-count{color:var(--n-primary-color);text-decoration:none;font-weight:500;cursor:pointer;transition:opacity .2s}.clickable-count:hover{opacity:.7;text-decoration:underline}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.dashboard-tile{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--card-color);border:2px solid var(--border-color);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;cursor:pointer}.dashboard-tile:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-tile-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--hover-color);border-radius:8px;color:var(--primary-color)}.dashboard-tile-emoji{font-size:28px;line-height:1}.dashboard-tile-img{width:100%;height:100%;object-fit:contain}.dashboard-tile-content{flex:1;min-width:0}.dashboard-tile-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text-color)}.dashboard-tile-description{font-size:13px;color:var(--text-color-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.theme-dark .dashboard-tile{background:#ffffff0d}.theme-dark .dashboard-tile:hover{background:#ffffff14}.theme-dark .dashboard-tile-icon{background:#ffffff1a}.mobile-header{display:none;align-items:center;gap:12px;padding:10px 16px;background:var(--n-body-color);border-bottom:1px solid rgba(128,128,128,.2);position:sticky;top:0;z-index:100}.mobile-logo{width:36px;height:36px;object-fit:contain}.hamburger-btn{background:none;border:none;cursor:pointer;color:var(--n-text-color);display:flex;align-items:center;padding:4px;border-radius:6px}.hamburger-btn:hover{background:#8080801a}.mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200}.mobile-sider{display:none;position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--n-body-color);z-index:201;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease;border-right:1px solid rgba(128,128,128,.2)}.mobile-sider-open{transform:translate(0)}@media (max-width: 768px){.mobile-header{display:flex}.mobile-backdrop,.mobile-sider{display:block}.desktop-sider{display:none!important}.portal-layout{height:calc(100vh - 57px)!important}.portal-content{padding:16px}.panel-heading{flex-direction:column;align-items:flex-start}.col-hide-mobile{display:none}.col-show-mobile-only{display:inline!important}.auth-card{margin:24px 16px}.modal-compact,.modal-large{width:95vw}}@media (min-width: 769px){.mobile-header,.mobile-sider,.mobile-backdrop{display:none!important}}@media (max-width: 900px){.panel-heading{flex-direction:column;align-items:flex-start}}.ha-status-container{display:flex;flex-direction:column;gap:24px}.status-section h4{margin-bottom:12px;font-weight:600}.audit-action{font-family:monospace;font-size:12px;background:var(--n-code-color);padding:1px 5px;border-radius:3px}tr.row-error td{color:var(--n-error-color)}