@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/NotoSansJP-VariableFont_wght-RBjn05Td.ttf)format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/JetBrainsMono-VariableFont_wght-DtE349c2.ttf)format("truetype")}:root{--color-bg:#0f1117;--color-surface:#1a1d27;--color-border:#2a2d3a;--color-text:#e4e6eb;--color-text-muted:#8b8fa3;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-muted:#6b7280;--color-info:#3b82f6;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Noto Sans JP,system-ui,sans-serif}.dashboard{max-width:1400px;margin:0 auto;padding:20px}.dashboard-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.dashboard-header h1{font-size:1.3rem;font-weight:600}.dashboard-main{width:100%}.connection-bar{align-items:center;gap:16px;display:flex}.connection-indicator{align-items:center;gap:6px;font-size:.85rem;display:flex}.connection-dot{border-radius:50%;width:8px;height:8px}.connection-indicator.online .connection-dot{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.connection-indicator.offline .connection-dot{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.hub-count{color:var(--color-text-muted);font-size:.85rem}.event-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.event-tab{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.85rem;transition:all .15s;display:inline-flex}.event-tab:hover{border-color:var(--color-info);color:var(--color-text)}.event-tab.active{background:var(--color-info);border-color:var(--color-info);color:#fff}.event-tab-count{background:#ffffff1f;border-radius:999px;padding:1px 7px;font-size:.72rem}.event-tab:not(.active) .event-tab-count{background:var(--color-border)}.event-section{margin-bottom:28px}.event-section-title{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:6px;font-size:1.05rem;font-weight:600;display:flex}.event-section-count{color:var(--color-text-muted);font-size:.78rem;font-weight:400}.hub-remote-bar{border-bottom:1px solid var(--color-border);background:#ffffff05;flex-wrap:wrap;gap:6px;padding:8px 14px;display:flex}.share-panel{margin-bottom:16px}.share-panel-body{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:10px;padding:14px}.share-error{color:var(--color-danger);margin-bottom:8px;font-size:.82rem}.share-create{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.share-label{color:var(--color-text-muted);font-size:.82rem}.share-check{cursor:pointer;align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.share-list{flex-direction:column;gap:6px;list-style:none;display:flex}.share-item{border:1px solid var(--color-border);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:.82rem;display:flex}.share-item.revoked{opacity:.45}.share-item-actions{align-items:center;gap:8px;display:inline-flex}.share-url{color:var(--color-info);text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-family:JetBrains Mono,monospace;font-size:.72rem;overflow:hidden}.empty-state{text-align:center;color:var(--color-text-muted);padding:80px 20px}.empty-state p{margin-bottom:8px;font-size:1.1rem}.empty-hint{opacity:.7;font-size:.9rem!important}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px;display:grid}.hub-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.hub-header{border-left:4px solid;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.hub-header.ok{border-left-color:var(--color-success);background:#22c55e0d}.hub-header.warning{border-left-color:var(--color-warning);background:#f59e0b0d}.hub-header.danger{border-left-color:var(--color-danger);background:#ef444414}.hub-title h3{margin-bottom:2px;font-size:1.05rem;font-weight:600}.hub-meta{color:var(--color-text-muted);font-size:.78rem}.hub-last-seen{color:var(--color-text-muted);white-space:nowrap;font-size:.8rem}.hub-body{padding:8px 18px 14px}.hub-summary{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:6px;padding:8px 18px;display:flex}.summary-chip{letter-spacing:.2px;border-radius:10px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:500;display:inline-flex}.summary-chip.ok{color:var(--color-success);background:#22c55e1f}.summary-chip.warn{color:var(--color-warning);background:#f59e0b1f}.summary-chip.ng{color:var(--color-danger);background:#ef44441f}.summary-chip.muted{color:var(--color-muted);background:#6b72801f}.hub-section{border-top:1px solid var(--color-border)}.hub-section:first-child{border-top:none}.hub-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 0;display:flex}.hub-section-header:hover{opacity:.85}.hub-section-header h4{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.78rem;font-weight:600}.hub-section-badge{color:#fff;background:var(--color-info);border-radius:8px;align-items:center;margin-left:auto;padding:1px 6px;font-size:.68rem;font-weight:600;display:inline-flex}.hub-chevron{flex-shrink:0;width:14px;height:14px;transition:transform .2s;display:inline-block;position:relative;transform:rotate(-90deg)}.hub-chevron:before{content:"";border-bottom:1.5px solid var(--color-text-muted);border-right:1.5px solid var(--color-text-muted);width:5px;height:5px;position:absolute;top:3px;left:4px;transform:rotate(45deg)}.hub-chevron.open{transform:rotate(0)}.hub-section-body{padding-bottom:8px}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);padding:6px 8px;font-size:.75rem;font-weight:500}.data-table td{border-bottom:1px solid #2a2d3a80;padding:6px 8px}.data-table tr:last-child td{border-bottom:none}.mono{font-family:JetBrains Mono,monospace;font-size:.8rem}.status-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.empty-note{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.pill-grid{flex-wrap:wrap;gap:6px;display:flex}.pill{background:#ffffff0a;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;transition:border-color .15s;display:flex}.pill.ok{border-color:#22c55e33}.pill.ng{background:#ef44440f;border-color:#ef444440}.pill-name{color:var(--color-text-muted);font-size:.78rem}.pill-value{font-weight:500}.pill.ok .pill-value{color:var(--color-success)}.pill.ng .pill-value{color:var(--color-danger)}.pill-sub{color:var(--color-text-muted);font-size:.72rem}.lighting-grid{flex-direction:column;gap:4px;display:flex}.lighting-item{align-items:center;gap:8px;font-size:.82rem;display:flex}.lighting-name{min-width:80px;color:var(--color-text-muted)}.lighting-bar-bg{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.lighting-bar-fill{background:var(--color-warning);border-radius:3px;height:100%;transition:width .3s}.lighting-level{text-align:right;min-width:36px;color:var(--color-text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem}.lighting-scene{color:var(--color-info);margin-top:6px;font-size:.78rem;display:inline-block}.scheduler-badge{border-radius:4px;margin-right:8px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.scheduler-badge.on{color:var(--color-success);background:#22c55e26}.scheduler-badge.off{color:var(--color-muted);background:#6b728026}.scheduler-count{color:var(--color-text-muted);font-size:.82rem}.hub-header-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hub-actions{gap:4px;display:flex}.cmd-btn{cursor:pointer;color:var(--color-text-muted);background:#ffffff14;border:none;border-radius:4px;padding:3px 8px;font-size:.75rem;transition:background .15s,color .15s}.cmd-btn:hover{color:var(--color-text);background:#ffffff26}.cmd-btn-ok:hover{color:var(--color-success);background:#22c55e33}.cmd-btn-warn:hover{color:var(--color-warning);background:#f59e0b33}.cmd-btn-danger:hover{color:var(--color-danger);background:#ef444433}@media (width<=600px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:8px}.hub-grid{grid-template-columns:1fr}.data-table{font-size:.78rem}}