.login-page{min-height:100vh;background:#f6f7f9;color:#1d2733;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{background:#fff;border:1px solid #d8dde6;border-radius:8px;padding:28px 24px;width:100%;max-width:420px}.login-header h1{font-size:28px;margin:0 0 6px}.login-header p{margin:0 0 20px;color:#5a6573;font-size:14px;line-height:1.45}.login-card label{display:block;margin-bottom:14px;color:#465465;font-weight:600;font-size:14px}.login-card input{display:block;width:100%;margin-top:6px;font-size:16px;font-family:inherit;font-weight:400;color:#1d2733;border:1px solid #c8ced8;border-radius:6px;padding:10px;background:#fff}.login-card input:focus{outline:2px solid #254f7a;outline-offset:-1px}.login-error{border:1px solid #e0b4ad;background:#faf1ef;color:#c34532;border-radius:6px;padding:10px 12px;font-size:14px;margin-bottom:14px}.login-submit,.login-demo{width:100%;font:inherit;font-size:16px;border-radius:6px;padding:10px;cursor:pointer}.login-submit{background:#254f7a;color:#fff;border:1px solid #254f7a;margin-top:4px}.login-submit:hover:not(:disabled){background:#1d3f62}.login-submit:disabled,.login-demo:disabled{opacity:.6;cursor:not-allowed}.login-demo{background:#fff;color:#254f7a;border:1px solid #c8ced8}.login-demo:hover:not(:disabled){background:#fafbfc}.login-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#6b7583;font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;border-top:1px solid #e5e8ef}.login-optional{color:#6b7583;font-size:12px;font-weight:400}.login-footnote{margin-top:16px;color:#6b7583;font-size:12px;line-height:1.4;text-align:center}@media (max-width: 480px){.login-page{padding:16px 12px;align-items:flex-start;padding-top:10vh}.login-card{padding:20px 16px}.login-header h1{font-size:22px}}.gui-layout-1{display:flex;flex-direction:column;gap:1.25rem}.gui-layout-1 section{background:var(--card, #fff);border:1px solid var(--line, #e3e9e4);border-radius:var(--radius, 12px);box-shadow:var(--shadow, 0 1px 3px rgba(20, 45, 30, .08));padding:1.1rem 1.25rem}.alerts-section h2,.experiments-section h2,.devices-section h2{font-size:1.1rem;margin-bottom:.9rem;color:var(--text, #26323c)}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.alert-card{padding:.85rem 1rem;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s;border-left:4px solid}.alert-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.alert-card.severity-critical{background:var(--critical-bg, #fdecea);border-color:#e05747}.alert-card.severity-warning{background:var(--warning-bg, #fff4e0);border-color:#f0a132}.alert-text{font-weight:600;font-size:.95rem;margin-bottom:.25rem;color:var(--text, #26323c)}.alert-time{font-size:.8rem;color:var(--text-soft, #5f6f7c)}.no-alerts{padding:1.1rem;text-align:center;color:var(--brand-dark, #0a616e);font-size:1rem;font-weight:500;background:var(--brand-tint, var(--brand-tint, #e5f3f5));border-radius:10px}.experiments-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.experiment-card{background:#fafcfa;padding:.9rem 1rem;border-radius:10px;border:1px solid var(--line, #e3e9e4)}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.exp-header h3{margin:0;color:var(--text, #26323c);font-size:1rem}.exp-days{background:var(--warning-bg, #fff4e0);color:var(--warning, #c96a00);padding:.25rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.exp-researcher{margin:.2rem 0;color:var(--text-soft, #5f6f7c);font-size:.85rem}.exp-stats{display:flex;gap:1rem;font-size:.82rem;color:var(--text-soft, #5f6f7c)}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem}.device-card{padding:.75rem .6rem;border-radius:10px;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1.5px solid}.device-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.device-card.health-healthy{background:#eef8ef;border-color:#79c288;color:#1e7a33}.device-card.health-warning{background:var(--warning-bg, #fff4e0);border-color:#f0b45f;color:var(--warning, #c96a00)}.device-card.health-critical{background:var(--critical-bg, #fdecea);border-color:#e58b7f;color:var(--critical, #c0392b)}.device-card.health-unknown{background:#f2f5f8;border-color:#b9c5cf;color:#5f6f7c}.device-name{font-weight:600;margin-bottom:.3rem;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-battery{font-size:.82rem;margin-bottom:.25rem}.device-status{font-size:.7rem;font-weight:700;letter-spacing:.4px}.experiments-page{padding:1.5rem;background:#fff}.experiments-list{display:flex;flex-direction:column;gap:1.5rem}.exp-item{background:#fff;border:2px solid #ddd;border-radius:8px;padding:1.5rem;border-left:4px solid}.exp-item.health-healthy{border-left-color:#4caf50;border-color:#e8f5e9}.exp-item.health-warning{border-left-color:#ff9800;border-color:#fff3e0}.exp-item.health-critical{border-left-color:#f44336;border-color:#ffebee}.exp-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.exp-title-row h3{margin:0;color:#333}.status-label{padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:600;white-space:nowrap}.status-label.status-active{background:#e8f5e9;color:#2e7d32}.status-label.status-paused{background:#fff3e0;color:#e65100}.status-label.status-completed{background:#f5f5f5;color:#666}.exp-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem;padding:1rem;background:#f9f9f9;border-radius:4px}.info-block{display:flex;flex-direction:column}.info-block .label{font-size:.8rem;color:#666;font-weight:600;text-transform:uppercase;margin-bottom:.25rem}.info-block .value{font-size:.95rem;color:#333;font-weight:500}.info-block .value.critical{color:#f44336;font-weight:600}.description{margin:1rem 0;color:#555;font-style:italic;line-height:1.5}.exp-health{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.health-item{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:600}.health-item.healthy{background:#e8f5e9;color:#2e7d32}.health-item.warning{background:#fff3e0;color:#e65100}.health-item.critical{background:#ffebee;color:#c62828}.devices-section h4{margin:0 0 .75rem;color:#333;font-size:.95rem}.device-tags{display:flex;flex-wrap:wrap;gap:.5rem}.device-tag{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid}.device-tag.health-healthy{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.device-tag.health-warning{background:#fff3e0;border-color:#ff9800;color:#e65100}.device-tag.health-critical{background:#ffebee;border-color:#f44336;color:#c62828}@media (max-width: 768px){.experiments-page{padding:1rem}.page-header h1{font-size:1.5rem}.exp-info{grid-template-columns:1fr}}.experiments-page{background:var(--card, #fff);border:1px solid var(--line, #e3e9e4);border-radius:var(--radius, 12px);box-shadow:var(--shadow, 0 1px 3px rgba(20, 45, 30, .08))}.exp-csv-button{margin-left:auto;background:var(--brand-tint, #e5f3f5);color:var(--brand-dark, #0a616e);border:1px solid var(--brand, #0e7f8f);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600;cursor:pointer}.exp-csv-button:hover{background:var(--brand, #0e7f8f);color:#fff}.rooms-page{padding:1.5rem;background:#fff}.page-header{margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;font-size:2rem;color:#333}.subtitle{margin:0;color:#666;font-size:.95rem}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.room-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;transition:all .2s}.room-card.online{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.room-card.offline{border-color:#f44336;box-shadow:0 0 0 2px #f443361a;opacity:.8}.room-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.75rem}.room-header h3{margin:0;color:#333}.gateway-status{padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:600}.gateway-info{background:#f9f9f9;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.4rem}.info-row .label{color:#666;font-weight:500}.info-row .value{color:#333;font-weight:600}.device-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;margin-bottom:1rem}.stat-box{background:#f5f5f5;padding:1rem;border-radius:6px;text-align:center;border-left:3px solid #999}.stat-box.healthy{border-left-color:#4caf50;background:#f1f8f4}.stat-box.warning{border-left-color:#ff9800;background:#fff3e0}.stat-box.critical{border-left-color:#f44336;background:#ffebee}.stat-label{font-size:.8rem;color:#666;text-transform:uppercase;font-weight:600;margin-bottom:.4rem}.stat-box.healthy .stat-value{color:#2e7d32}.stat-box.warning .stat-value{color:#e65100}.stat-box.critical .stat-value{color:#c62828}.devices-list{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.devices-list h4{margin:0 0 .75rem;color:#333;font-size:.95rem}.device-row{display:flex;justify-content:space-between;padding:.5rem;border-radius:4px;font-size:.9rem;margin-bottom:.25rem;background:#f9f9f9}.device-row.health-healthy{border-left:2px solid #4caf50}.device-row.health-warning{border-left:2px solid #ff9800}.device-row.health-critical{border-left:2px solid #f44336}.device-name{font-weight:500;color:#333}.device-battery{color:#666;font-size:.85rem}@media (max-width: 768px){.rooms-page{padding:1rem}.page-header h1{font-size:1.5rem}.rooms-grid{grid-template-columns:1fr}.device-stats{grid-template-columns:repeat(2,1fr)}}.rooms-page{background:var(--card, #fff);border:1px solid var(--line, #e3e9e4);border-radius:var(--radius, 12px);box-shadow:var(--shadow, 0 1px 3px rgba(20, 45, 30, .08))}.device-list{padding:1.5rem}.device-list-header{margin-bottom:1.5rem}.device-list h2{margin:0 0 1rem;font-size:1.5rem}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.stat-item{background:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center}.stat-item.healthy{border-color:#4caf50;background:#f1f8f4}.stat-item.warning{border-color:#ff9800;background:#fff3e0}.stat-item.critical{border-color:#f44336;background:#ffebee}.stat-label{font-size:.85rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.device-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-end}.search-input,.filter-select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;background:#fff}.search-input{flex:1;min-width:250px}.filter-select{min-width:180px}.search-input:focus,.filter-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.device-list table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden}.device-list table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.device-list table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;color:#666;text-transform:uppercase}.device-list table tbody tr{border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.device-list table tbody tr:hover{background-color:#f9f9f9}.device-list table td{padding:.75rem 1rem;font-size:.95rem}.device-name{font-weight:500;color:#1976d2}.badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;white-space:nowrap}.badge-ok{background:#e8f5e9;color:#2e7d32}.badge-overdue{background:#fff3e0;color:#e65100}.badge-offline{background:#ffcdd2;color:#c62828}.badge-unknown{background:#f5f5f5;color:#666}.health-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600}.health-healthy{background:#e8f5e9;color:#2e7d32}.health-warning{background:#fff3e0;color:#e65100}.health-critical{background:#ffcdd2;color:#c62828}.battery{font-weight:500}.battery-green{color:#2e7d32}.battery-yellow{color:#e65100}.battery-red{color:#c62828}.battery-gray{color:#999}.drift-high{color:#e65100;font-weight:600}.timestamp{font-size:.85rem;color:#999}.action{text-align:center;font-size:1.1rem;color:#999}.empty-state{background:#fff;border:1px solid #ddd;border-radius:4px;padding:3rem 2rem;text-align:center;color:#999}.empty-state p{margin:.5rem 0;font-size:1rem}.empty-note{font-size:.85rem;color:#bbb}@media (max-width: 768px){.device-list{padding:1rem}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.stat-item{padding:.75rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.25rem}.device-filters{flex-direction:column}.search-input,.filter-select{width:100%;min-width:unset}.device-list table{font-size:.85rem}.device-list table th,.device-list table td{padding:.5rem}.action{display:none}}.device-list{background:var(--card, #fff);border:1px solid var(--line, #e3e9e4);border-radius:var(--radius, 12px);box-shadow:var(--shadow, 0 1px 3px rgba(20, 45, 30, .08))}.device-detail{display:flex;flex-direction:column;height:100%}.detail-header{padding:1rem;border-bottom:1px solid #eee}.back-button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:1rem;margin-bottom:.5rem}.back-button:hover{text-decoration:underline}.detail-header h2{margin:.5rem 0 .25rem;font-size:1.5rem}.detail-header p{margin:0;color:#666;font-size:.95rem}.detail-content{flex:1;overflow-y:auto;padding:1rem}section{margin-bottom:2rem}section h3{margin:0 0 1rem;font-size:1.1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.battery-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat{background-color:#f5f5f5;padding:1rem;border-radius:4px}.stat .label{color:#666;font-size:.85rem;margin-bottom:.5rem}.stat .value{font-size:1.25rem;font-weight:600;font-family:monospace}.chart-section{background-color:#fafafa;padding:1rem;border-radius:4px}.config-section{background-color:#f5f5f5;padding:1rem;border-radius:4px}.config-status{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.current-config,.pending-config{background:#fff;padding:1rem;border-radius:4px;border:1px solid #ddd}.current-config h4,.pending-config h4{margin:0 0 .75rem;font-size:.95rem;color:#333}.config-item p{margin:.5rem 0;font-size:.9rem}.timestamp{color:#999;font-size:.85rem}.status-pending_device_wake{color:#ff9800;font-weight:600}.status-applied_by_esp{color:#4caf50;font-weight:600}.config-controls{display:flex;flex-direction:column;gap:.75rem}.config-controls label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.config-controls select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-top:.25rem}.pending-note{margin:.75rem 0 0;padding:.75rem;background:#fff3cd;border-left:4px solid #ff9800;font-size:.9rem;color:#666}.commands-section{background:#fff;padding:1rem;border-radius:4px;border:1px solid #ddd;margin-bottom:1rem}.commands-section h4{margin:0 0 .75rem;font-size:.95rem}.commands-list{margin-bottom:1rem}.commands-list p{margin:0 0 .5rem;font-size:.9rem;font-weight:600}.commands-list ul{margin:0;padding-left:1.5rem}.commands-list li{font-size:.9rem;margin-bottom:.25rem}.device-info{background:#fff;padding:1rem;border-radius:4px;border:1px solid #ddd}.device-info p{margin:.5rem 0;font-size:.9rem}.action-button{background-color:#1976d2;color:#fff;border:none;padding:.75rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.action-button:hover{background-color:#1565c0}.action-button:disabled{background-color:#ccc;cursor:not-allowed}button[type=button]{background-color:#1976d2;color:#fff;border:none;padding:.75rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}button[type=button]:hover:not(:disabled){background-color:#1565c0}button[type=button]:disabled{background-color:#ccc;cursor:not-allowed}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.config-grid>div{display:flex;flex-direction:column}.config-grid label{font-weight:600;color:#666;margin-bottom:.25rem;font-size:.85rem}.config-grid span{font-size:1rem}.monospace{font-family:monospace;font-size:.9rem;background-color:#fff;padding:.25rem .5rem;border-radius:2px}.readings-table{width:100%;border-collapse:collapse;font-size:.9rem}.readings-table thead{background-color:#eee}.readings-table th{padding:.5rem;text-align:left;font-weight:600}.readings-table td{padding:.5rem;border-bottom:1px solid #eee}.no-data{color:#999;font-style:italic;padding:1rem;text-align:center}@media (max-width: 768px){.detail-content{padding:.75rem}section{margin-bottom:1.5rem}.battery-stats{grid-template-columns:repeat(2,1fr)}.readings-table{font-size:.8rem}}.device-detail{gap:1.1rem}.detail-header,.battery-section,.chart-section,.config-section,.readings-section{background:var(--card, #fff);border:1px solid var(--line, #e3e9e4);border-radius:var(--radius, 12px);box-shadow:var(--shadow, 0 1px 3px rgba(20, 45, 30, .08));padding:1.1rem 1.25rem}.detail-header{border-bottom:1px solid var(--line, #e3e9e4);margin-bottom:1rem}.back-button{color:var(--brand-dark, #1e7a33);font-weight:600}.schedule-summary{font-size:.85rem;line-height:1.35}.schedule-editor{display:flex;flex-direction:column;gap:.7rem}.schedule-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}.radio-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer}.fixed-times{gap:.5rem}.time-entry{display:inline-flex;align-items:center;gap:2px}.time-entry input[type=time]{padding:4px 6px;border:1px solid var(--line, #cfd8d1);border-radius:8px}.time-remove,.time-add{background:none;border:none;color:var(--text-soft, #5f6f7c);cursor:pointer;font-size:.85rem}.time-add{color:var(--brand-dark, #1e7a33);font-weight:600}.time-remove:disabled{opacity:.3;cursor:default}.hours-input{width:70px;padding:4px 6px;border:1px solid var(--line, #cfd8d1);border-radius:8px}.schedule-error{color:var(--critical, #c0392b);font-size:.85rem;margin:0}.device-detail{height:auto}.detail-content{overflow-y:visible}.battery-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.stat-sub{color:var(--text-soft, #5f6f7c);font-size:.8em;font-weight:400}.stat.stat-highlight .value{color:var(--brand-dark, #0a616e);font-weight:700}.identity-editor{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:.6rem 0}.identity-editor label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600}.identity-editor input{padding:5px 8px;border:1px solid var(--line, #cfd8d1);border-radius:8px;font-size:.9rem;width:130px}.manage-page{display:flex;flex-direction:column;gap:16px}.manage-header h2{margin:0 0 8px}.readonly-banner{background:#fff8e1;border:1px solid #f0d98c;color:#7a5d00;border-radius:8px;padding:10px 14px;font-size:14px}.manage-error{background:#fdecea;border:1px solid #f5c6c0;color:#a02318;border-radius:8px;padding:10px 14px;font-size:14px;margin-top:8px}.manage-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.panel-title h3{margin:0}.small-button{background:var(--brand, #0e7f8f);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.small-button:disabled{opacity:.5;cursor:default}.small-button.secondary{background:#e5e8ef;color:#333}.experiment-list{background:#fff;border:1px solid #e5e8ef;border-radius:10px;padding:14px}.experiment-item{position:relative;padding:10px 30px 10px 12px;border:1px solid #e5e8ef;border-radius:8px;margin-bottom:8px;cursor:pointer;background:#fafbfc}.experiment-item.selected{border-color:var(--brand, #0e7f8f);background:#eef7ee}.experiment-name{font-weight:600;font-size:14px}.experiment-sub{font-size:12px;color:#6b7583;margin-top:2px}.experiment-delete{position:absolute;top:8px;right:8px}.inline-form{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px;border:1px dashed #c9d0dc;border-radius:8px}.inline-form input{padding:6px 8px;border:1px solid #c9d0dc;border-radius:6px;font-size:13px}.inline-form-actions{display:flex;gap:6px}.group-board{background:#fff;border:1px solid #e5e8ef;border-radius:10px;padding:14px;min-height:300px}.new-group-form{display:flex;gap:6px}.new-group-form input{padding:6px 8px;border:1px solid #c9d0dc;border-radius:6px;font-size:13px;min-width:220px}.drag-hint{color:#6b7583;font-size:13px;margin:0 0 10px}.bucket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.bucket{border:1px solid #e5e8ef;border-radius:10px;background:#fafbfc;min-height:140px;display:flex;flex-direction:column}.bucket.unassigned{background:#f4f5f7;border-style:dashed}.bucket.drag-over{border-color:var(--brand, #0e7f8f);background:#eef7ee}.bucket-header{display:flex;align-items:center;gap:8px;padding:10px 12px;font-weight:600;font-size:14px;border-bottom:1px solid #e5e8ef}.bucket-count{margin-left:auto;background:#e5e8ef;border-radius:10px;font-size:12px;font-weight:500;padding:1px 8px}.bucket-body{padding:10px;display:flex;flex-direction:column;gap:6px;flex:1}.device-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d8dde6;border-radius:8px;padding:7px 10px;font-size:13px}.device-chip.draggable{cursor:grab}.device-chip.draggable:active{cursor:grabbing}.chip-text{display:flex;flex-direction:column;overflow:hidden}.chip-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-id{font-family:monospace;font-size:11px;color:#8b93a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bucket-treatment{padding:6px 12px;font-size:12px;color:#6b7583;border-bottom:1px solid #eef0f4;font-style:italic}.treatment-editable{cursor:pointer}.treatment-editable:hover{color:var(--brand, #0e7f8f)}.chip-meta{margin-left:auto;color:#6b7583;font-size:12px;flex-shrink:0}.chip-edit{background:none;border:none;color:#6b7583;cursor:pointer;font-size:13px;padding:2px 4px;flex-shrink:0}.chip-edit:hover{color:var(--brand, #0e7f8f)}.chip-rename{flex:1;padding:4px 6px;border:1px solid var(--brand, #0e7f8f);border-radius:6px;font-size:13px}.empty-note{color:#8b93a1;font-size:13px;margin:4px 0}@media (max-width: 800px){.manage-layout{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--brand: #0e7f8f;--brand-dark: #0a616e;--brand-deep: #084b55;--brand-tint: #e5f3f5;--bg: #f4f7f8;--card: #ffffff;--line: #e2e8ea;--text: #26323c;--text-soft: #5f6f7c;--warning-bg: #fff4e0;--warning: #c96a00;--critical-bg: #fdecea;--critical: #c0392b;--radius: 12px;--shadow: 0 1px 3px rgba(20, 40, 45, .08), 0 4px 14px rgba(20, 40, 45, .05)}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text)}.app{display:flex;flex-direction:column;height:100vh;background-color:var(--bg)}.app-header{background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;padding:.9rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-content{display:flex;align-items:center;gap:1.5rem;flex:1}.app-header h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.2px}.mode-selector{display:flex;align-items:center;gap:.75rem}.mode-badge{background-color:#ffffff2e;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.mode-selector select{padding:.4rem .75rem;border:1px solid rgba(255,255,255,.35);border-radius:8px;background-color:#ffffff1f;color:#fff;font-size:.85rem;cursor:pointer}.mode-selector select option{background-color:#fff;color:var(--text)}.header-actions{display:flex;gap:.5rem}.refresh-button{background-color:#ffffff29;border:1px solid rgba(255,255,255,.35);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .15s}.refresh-button:hover:not(:disabled){background-color:#ffffff4d}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.app-nav{background-color:var(--card);border-bottom:1px solid var(--line);display:flex;gap:.4rem;padding:.55rem 1rem;overflow-x:auto;align-items:center}.nav-button{padding:.5rem 1.05rem;border:1px solid transparent;background:none;cursor:pointer;font-size:.92rem;color:var(--text-soft);border-radius:999px;transition:all .15s;white-space:nowrap;font-weight:500}.nav-button:hover{color:var(--brand-deep);background-color:var(--brand-tint)}.nav-button.active{color:#fff;background-color:var(--brand);font-weight:600}.app-main{flex:1;overflow:auto;display:flex;flex-direction:column;padding:1.25rem}.error-banner{background-color:var(--critical-bg);color:var(--critical);padding:.9rem 1.1rem;border:1px solid #f2c4bd;border-radius:var(--radius);margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-banner button{background-color:var(--critical);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.loading{display:flex;align-items:center;justify-content:center;flex:1;font-size:1.05rem;color:var(--text-soft)}.logs-view,.alerts-view{padding:2rem;text-align:center;color:var(--text-soft)}.app-footer{background-color:transparent;border-top:1px solid var(--line);padding:.6rem 1.5rem;font-size:.8rem;color:#93a1ac}.app-footer p{margin:0}@media (max-width: 768px){.app-header{flex-direction:column;align-items:flex-start;padding:.75rem 1rem}.header-content{width:100%;flex-direction:column;gap:.75rem}.app-header h1{font-size:1.15rem}.mode-selector{width:100%}.mode-selector select{flex:1}.header-actions{width:100%}.refresh-button{flex:1;padding:.6rem}.app-main{padding:.75rem}.nav-button{padding:.45rem .8rem;font-size:.85rem}}:root{color-scheme:light dark;color:#000000de;background-color:#fafafa}body{margin:0;display:flex;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f3f3f3;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;height:100vh}