@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root,[data-theme=light]{--brand:#3443f8;--brand-dark:#2c2eb5;--brand-light:#3d3fe81f;--bg:#f0f2f8;--surface:#fff;--surface2:#f5f6fc;--border:#e0e3f0;--free:#00a651;--free-bg:#00a6511a;--free-border:#00a6514d;--free-glow:#00a65133;--busy:#e8333d;--busy-bg:#e8333d14;--busy-border:#e8333d4d;--busy-glow:#e8333d26;--soon:#f59e0b;--soon-bg:#f59e0b1a;--soon-border:#f59e0b59;--soon-glow:#f59e0b26;--text:#1a1d3a;--text-muted:#6b7280;--text-dim:#9ca3af;--text-on-brand:#fff;--font:"Inter",sans-serif;--radius:16px;--radius-sm:10px;--shadow:0 2px 12px #3d3fe814;--shadow-md:0 8px 32px #3d3fe81f;--header-bg:#3443f8;--header-text:#fff;--header-sub:#ffffffbf;--sr-bg-free:linear-gradient(160deg,#00a65114,#f0f2f8 50%);--sr-bg-busy:linear-gradient(160deg,#e8333d14,#f0f2f8 50%);--sr-bg-soon:linear-gradient(160deg,#f59e0b14,#f0f2f8 50%)}[data-theme=dark]{--brand:#4f5bf8;--brand-dark:#3443f8;--brand-light:#4f5bf82e;--bg:#0a0f1e;--surface:#111827;--surface2:#1a2235;--border:#1e2d45;--free:#00c760;--free-bg:#00c7601f;--free-border:#00c7604d;--free-glow:#00c76033;--busy:#ff4d55;--busy-bg:#ff4d551a;--busy-border:#ff4d554d;--busy-glow:#ff4d5526;--soon:#fbbf24;--soon-bg:#fbbf241a;--soon-border:#fbbf2459;--soon-glow:#fbbf2426;--text:#e8ecf4;--text-muted:#8b9ab5;--text-dim:#4d5f7a;--text-on-brand:#fff;--shadow:0 2px 12px #0006;--shadow-md:0 8px 32px #00000080;--header-bg:#0d1526;--header-text:#e8ecf4;--header-sub:#e8ecf48c;--sr-bg-free:linear-gradient(160deg,#00c76012,#0a0f1e 50%);--sr-bg-busy:linear-gradient(160deg,#ff4d5512,#0a0f1e 50%);--sr-bg-soon:linear-gradient(160deg,#fbbf2412,#0a0f1e 50%)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{-webkit-font-smoothing:antialiased;color:#1a1d3a;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font);height:100%;overflow-x:hidden;overflow-y:auto;transition:background .3s,color .3s;width:100%}#root,.app,body,html{background:#f0f2f8;background:var(--bg)}.app{display:flex;flex-direction:column;height:100vh;width:100vw}.app,.header{transition:background .3s}.header{align-items:center;background:#3443f8;background:var(--header-bg);box-shadow:0 1px 0 #ffffff0f,0 4px 20px #00000040;display:grid;flex-shrink:0;grid-template-columns:1fr auto 1fr;height:64px;padding:0 28px}.header-logo img{height:36px;object-fit:contain;width:auto}.header-center{align-items:center;display:flex;flex-direction:column;gap:1px}.header-clock{font-feature-settings:"tnum";color:#fff;color:var(--header-text);font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.05em;line-height:1}.header-date-sub{color:#ffffffbf;color:var(--header-sub);font-size:.72rem;letter-spacing:.02em;text-transform:capitalize}.header-right{gap:14px;justify-content:flex-end}.header-date,.header-right{align-items:center;display:flex}.header-date{color:#ffffffbf;color:var(--header-sub);font-size:.8rem;gap:6px;letter-spacing:.02em;text-transform:capitalize}.theme-toggle{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;color:#fff;color:var(--header-text);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .2s,transform .15s;width:36px}.theme-toggle:hover{background:#ffffff2e;transform:rotate(20deg)}.rooms-grid{grid-gap:18px;align-content:center;display:grid;flex:1 1;gap:18px;overflow:auto;padding:22px 32px}.rooms-grid.count-1{grid-template-columns:1fr;margin:0 auto;max-width:580px;width:100%}.rooms-grid.count-2{grid-template-columns:repeat(2,1fr)}.rooms-grid.count-3{grid-template-columns:repeat(3,1fr)}.rooms-grid.count-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.rooms-grid.count-5{grid-template-columns:repeat(3,1fr)}.room-card{background:#fff;background:var(--surface);border:1.5px solid #e0e3f0;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 2px 12px #3d3fe814;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px 28px;position:relative;transition:border-color .4s,box-shadow .4s,background .3s}.room-card:before{border-radius:16px 0 0 16px;border-radius:var(--radius) 0 0 var(--radius);bottom:0;content:"";left:0;position:absolute;top:0;transition:background .4s;width:5px}.room-card.free{border-color:#00a6514d;border-color:var(--free-border)}.room-card.free:before{background:#00a651;background:var(--free)}.room-card.busy{border-color:#e8333d4d;border-color:var(--busy-border)}.room-card.busy:before{background:#e8333d;background:var(--busy)}.room-card.soon{border-color:#f59e0b59;border-color:var(--soon-border)}.room-card.soon:before{background:#f59e0b;background:var(--soon)}.room-card.error{opacity:.5}.room-header{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}.room-name{color:#1a1d3a;color:var(--text);font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.01em;line-height:1.2;text-align:center}.status-badge{align-items:center;border-radius:100px;display:inline-flex;flex-shrink:0;font-size:.68rem;font-weight:700;gap:7px;letter-spacing:.1em;padding:5px 14px;text-transform:uppercase;white-space:nowrap}.status-badge.free{background:#00a6511a;background:var(--free-bg);border:1.5px solid #00a6514d;border:1.5px solid var(--free-border);color:#00a651;color:var(--free)}.status-badge.busy{background:#e8333d14;background:var(--busy-bg);border:1.5px solid #e8333d4d;border:1.5px solid var(--busy-border);color:#e8333d;color:var(--busy)}.status-badge.soon{background:#f59e0b1a;background:var(--soon-bg);border:1.5px solid #f59e0b59;border:1.5px solid var(--soon-border);color:#f59e0b;color:var(--soon)}.status-badge.error{background:#f5f6fc;background:var(--surface2);border:1.5px solid #e0e3f0;border:1.5px solid var(--border);color:#6b7280;color:var(--text-muted)}.status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.status-badge.free .status-dot{animation:pulse-free 2s infinite;background:#00a651;background:var(--free)}.status-badge.busy .status-dot{animation:pulse-busy 1.5s infinite;background:#e8333d;background:var(--busy)}.status-badge.soon .status-dot{animation:pulse-soon 2.5s infinite;background:#f59e0b;background:var(--soon)}@keyframes pulse-free{0%,to{box-shadow:0 0 0 0 #00a65180}50%{box-shadow:0 0 0 5px #00a65100}}@keyframes pulse-busy{0%,to{box-shadow:0 0 0 0 #e8333d80}50%{box-shadow:0 0 0 5px #e8333d00}}@keyframes pulse-soon{0%,to{box-shadow:0 0 0 0 #f59e0b80}50%{box-shadow:0 0 0 5px #f59e0b00}}.section-label{color:#3443f8;color:var(--brand);font-size:.63rem;font-weight:700;letter-spacing:.12em;opacity:.7;text-transform:uppercase}.meeting-title{color:#1a1d3a;color:var(--text);font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-time{font-feature-settings:"tnum";color:#6b7280;color:var(--text-muted);font-size:.82rem;font-variant-numeric:tabular-nums;font-weight:500}.meeting-organizer{color:#9ca3af;color:var(--text-dim);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-organizer span{color:#6b7280;color:var(--text-muted);font-weight:500}.free-message{color:#00a651;color:var(--free);font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:700}.divider{background:#e0e3f0;background:var(--border);flex-shrink:0;height:1px}.book-section{display:flex;flex-direction:column;gap:8px;margin-top:auto}.book-label{color:#3443f8;color:var(--brand);font-size:.63rem;font-weight:700;letter-spacing:.12em;opacity:.7;text-transform:uppercase}.book-buttons{display:flex;gap:8px}.book-btn{background:#3443f8;background:var(--brand);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #3d3fe840;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font);font-size:.82rem;font-weight:700;padding:10px 8px;transition:background .2s,transform .15s,box-shadow .2s}.book-btn:hover{background:#2c2eb5;background:var(--brand-dark);box-shadow:0 6px 16px #3d3fe859;transform:translateY(-2px)}.book-btn:active{transform:translateY(0)}.room-body{display:flex;flex:1 1;gap:12px;min-height:0}.room-col{border-radius:12px;display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px 16px}.room-col-left{flex:1.1 1}.room-col-left,.room-col-right{background:#f5f6fc;background:var(--surface2);border:1px solid #e0e3f0;border:1px solid var(--border)}.room-col-right{flex:0.9 1}.room-card.busy .room-col-left{background:#e8333d14;background:var(--busy-bg);border-color:#e8333d4d;border-color:var(--busy-border)}.room-card.soon .room-col-left{background:#f59e0b1a;background:var(--soon-bg);border-color:#f59e0b59;border-color:var(--soon-border)}.room-card.free .room-col-left{background:#00a6511a;background:var(--free-bg);border-color:#00a6514d;border-color:var(--free-border)}.room-col .meeting-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-wrap{display:flex;flex-direction:column;gap:5px;margin-top:8px}.progress-bar-track{background:#00000014;border-radius:100px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{background:#3443f8;background:var(--brand);border-radius:100px;height:100%;transition:width 1s linear}.room-card.busy .progress-bar-fill{background:#e8333d;background:var(--busy)}.room-card.soon .progress-bar-fill{background:#f59e0b;background:var(--soon)}.room-card.free .progress-bar-fill{background:#00a651;background:var(--free)}.progress-remaining{color:#6b7280;color:var(--text-muted);font-size:.7rem;font-weight:600}.upcoming-list{gap:4px}.upcoming-item,.upcoming-list{display:flex;flex-direction:column}.upcoming-item{gap:3px}.upcoming-item .meeting-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-divider{background:#e0e3f0;background:var(--border);height:1px;margin:8px 0}.no-upcoming{color:#9ca3af;color:var(--text-dim);font-size:.8rem;font-style:italic;margin-top:4px}.room-footer{display:flex;flex-direction:column;gap:10px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0f1e99;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .25s ease;background:#fff;background:var(--surface);border:1.5px solid #e0e3f0;border:1.5px solid var(--border);border-radius:20px;box-shadow:0 8px 32px #3d3fe81f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:20px;padding:36px;position:relative;width:min(440px,90vw)}.modal:before{background:#3443f8;background:var(--brand);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:#1a1d3a;color:var(--text);font-size:1.3rem;font-weight:800}.modal-subtitle{color:#6b7280;color:var(--text-muted);font-size:.85rem;font-weight:500;margin-top:-14px}.modal-field{display:flex;flex-direction:column;gap:7px}.modal-field label{color:#6b7280;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.modal-field input{background:#f5f6fc;background:var(--surface2);border:1.5px solid #e0e3f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#1a1d3a;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font);font-size:.95rem;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.modal-field input:focus{border-color:#3443f8;border-color:var(--brand);box-shadow:0 0 0 3px #3d3fe81f;box-shadow:0 0 0 3px var(--brand-light)}.modal-field input.error-input{border-color:#e8333d;border-color:var(--busy)}.modal-error{color:#e8333d;color:var(--busy);font-size:.75rem;margin-top:-10px}.modal-actions{display:flex;gap:10px;margin-top:4px}.btn-confirm{background:#3443f8;background:var(--brand);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #3d3fe84d;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font);font-size:.95rem;font-weight:700;padding:13px;transition:background .2s,transform .15s,box-shadow .2s}.btn-confirm:hover{background:#2c2eb5;background:var(--brand-dark);box-shadow:0 6px 16px #3d3fe859;transform:translateY(-1px)}.btn-confirm:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-cancel{background:#0000;border:1.5px solid #e0e3f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-muted);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font);font-size:.95rem;font-weight:600;padding:13px 20px;transition:border-color .2s,color .2s}.btn-cancel:hover{border-color:#6b7280;border-color:var(--text-muted);color:#1a1d3a;color:var(--text)}.conflict-banner{align-items:flex-start;animation:fadeIn .2s ease;background:#e8333d12;border:1.5px solid #e8333d40;border-radius:10px;border-radius:var(--radius-sm);color:#e8333d;color:var(--busy);display:flex;font-size:.85rem;font-weight:500;gap:10px;line-height:1.5;padding:12px 16px}.conflict-icon{flex-shrink:0;font-size:1rem;margin-top:1px}.footer{background:#fff;background:var(--surface);border-top:1px solid #e0e3f0;border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:8px 32px;transition:background .3s,border-color .3s}.footer,.footer-refresh{align-items:center;display:flex}.footer-refresh{color:#9ca3af;color:var(--text-dim);font-size:.7rem;letter-spacing:.03em}.footer-refresh span{color:#6b7280;color:var(--text-muted);font-weight:500}.refresh-indicator{background:#00a651;background:var(--free);border-radius:50%;display:inline-block;height:6px;margin-right:6px;opacity:0;width:6px}.refresh-indicator.blink{animation:blink 1s ease-in-out}@keyframes blink{0%{opacity:1}to{opacity:0}}.network-banner{animation:fadeIn .3s ease;background:#fbbf241a;border-bottom:1.5px solid #fbbf2440;color:#fbbf24;flex-shrink:0;font-size:.82rem;font-weight:500;gap:10px;padding:10px 20px}.error-screen,.network-banner{align-items:center;display:flex;justify-content:center}.error-screen{flex-direction:column;gap:14px;padding:40px 24px;text-align:center}.error-icon{align-items:center;background:#e8333d14;border:1.5px solid #e8333d33;border-radius:20px;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.error-title{color:#1a1d3a;color:var(--text);font-size:1.3rem;font-weight:800}.error-msg{color:#e8333d;color:var(--busy);font-size:.9rem;font-weight:500}.error-hint{color:#9ca3af;color:var(--text-dim);font-size:.82rem;line-height:1.6;max-width:360px}.toast{animation:toastIn .3s ease,toastOut .3s ease 2.7s forwards;border-radius:100px;bottom:28px;box-shadow:0 8px 32px #3d3fe81f;box-shadow:var(--shadow-md);font-size:.88rem;font-weight:600;left:50%;padding:13px 28px;position:fixed;transform:translateX(-50%);z-index:200}.toast.success{background:#3443f8;background:var(--brand);color:#fff}.toast.error{background:#e8333d;background:var(--busy);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.single-room-app{background:#f0f2f8;background:var(--bg);transition:background .3s}.single-room-app.status-bg-free{background:linear-gradient(160deg,#00a65114,#f0f2f8 50%);background:var(--sr-bg-free)}.single-room-app.status-bg-busy{background:linear-gradient(160deg,#e8333d14,#f0f2f8 50%);background:var(--sr-bg-busy)}.single-room-app.status-bg-soon{background:linear-gradient(160deg,#f59e0b14,#f0f2f8 50%);background:var(--sr-bg-soon)}.single-room-main{align-items:stretch;display:flex;flex:1 1;justify-content:center;min-height:0;overflow-y:auto;padding:20px 32px}.single-room-loading{color:#6b7280;color:var(--text-muted);font-size:1rem;line-height:2;text-align:center}.sr-content{display:flex;flex:1 1;flex-direction:column;gap:22px;justify-content:center;max-width:1100px;width:100%}.sr-cards-wrap{grid-gap:16px;display:grid;gap:16px;grid-template-rows:1fr 1fr}.info-page{animation:fadeIn .2s ease;display:flex;flex-direction:column;gap:18px;max-width:1200px;overflow-y:auto;width:100%}.sr-top{flex-direction:column;gap:10px;padding:8px 0}.sr-name-row,.sr-top{align-items:center;display:flex;justify-content:center}.sr-name-row{position:relative;width:100%}.sr-room-name{color:#1a1d3a;color:var(--text);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.02em;text-align:center}.info-btn{align-items:center;background:#0000;border:1.5px solid #e0e3f0;border:1.5px solid var(--border);border-radius:100px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:.68rem;font-weight:700;gap:6px;letter-spacing:.08em;padding:7px 14px;position:absolute;right:0;transition:border-color .2s,color .2s,background .2s}.info-btn:hover{background:#3d3fe81f;background:var(--brand-light);border-color:#3443f8;border-color:var(--brand);color:#3443f8;color:var(--brand)}.sr-body{align-items:stretch;display:flex;gap:16px}.sr-col{align-items:center;background:#f5f6fc;background:var(--surface2);border:1.5px solid #e0e3f0;border:1.5px solid var(--border);border-radius:16px;display:flex;flex:1 1;gap:18px;justify-content:center;padding:28px 26px;transition:background .3s,border-color .3s}.sr-col-left.status-col-free{background:#00a6511a;background:var(--free-bg);border-color:#00a6514d;border-color:var(--free-border)}.sr-col-left.status-col-busy{background:#e8333d14;background:var(--busy-bg);border-color:#e8333d4d;border-color:var(--busy-border)}.sr-col-left.status-col-soon{background:#f59e0b1a;background:var(--soon-bg);border-color:#f59e0b59;border-color:var(--soon-border)}.sr-col-icon-wrap{flex-shrink:0}.sr-col-icon{align-items:center;border-radius:16px;display:flex;height:68px;justify-content:center;width:68px}.sr-col-icon.icon-free{background:#00a6512e;color:#00a651;color:var(--free)}.sr-col-icon.icon-busy{background:#e8333d2e;color:#e8333d;color:var(--busy)}.sr-col-icon.icon-soon{background:#f59e0b2e;color:#f59e0b;color:var(--soon)}.sr-col-icon.icon-upcoming{background:#3d3fe81f;background:var(--brand-light);color:#3443f8;color:var(--brand)}.sr-col-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.sr-section-label{color:#9ca3af;color:var(--text-dim);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sr-meeting-title{color:#1a1d3a;color:var(--text);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;line-height:1.3}.sr-meeting-time{font-feature-settings:"tnum";color:#6b7280;color:var(--text-muted);font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:500}.sr-meeting-organizer{color:#9ca3af;color:var(--text-dim);font-size:.92rem}.sr-meeting-organizer span{color:#6b7280;color:var(--text-muted);font-weight:500}.sr-free-title{color:#1a1d3a;color:var(--text);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700}.sr-free-sub{color:#6b7280;color:var(--text-muted);font-size:.95rem}.sr-upcoming-list{display:flex;flex-direction:column;gap:4px}.sr-divider{background:#e0e3f0;background:var(--border);height:1px;margin:8px 0}.sr-col .progress-wrap{margin-top:6px}.sr-col .progress-bar-track{height:7px}.sr-col-left.status-col-free .progress-bar-fill{background:#00a651;background:var(--free)}.sr-col-left.status-col-busy .progress-bar-fill{background:#e8333d;background:var(--busy)}.sr-col-left.status-col-soon .progress-bar-fill{background:#f59e0b;background:var(--soon)}.sr-book{display:flex;flex-direction:column;gap:10px}.sr-book-label{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.12em;text-transform:uppercase}.sr-book-buttons{display:flex;gap:10px}.sr-book-btn{align-items:center;background:#3443f8;background:var(--brand);border:none;border-radius:14px;box-shadow:0 3px 12px #3443f859;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font);font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:14px 16px;transition:background .2s,transform .15s,box-shadow .2s}.sr-book-btn:hover{background:#2c2eb5;background:var(--brand-dark);box-shadow:0 8px 20px #3443f866;transform:translateY(-2px)}.sr-book-btn:active{transform:translateY(0)}.info-cards{align-items:stretch;display:flex;gap:16px}.info-card{background:#fff;background:var(--surface);border:1.5px solid #e0e3f0;border:1.5px solid var(--border);border-radius:20px;box-shadow:0 2px 12px #3d3fe814;box-shadow:var(--shadow);padding:22px 24px;transition:background .3s,border-color .3s}.devices-card{display:flex;flex:1.6 1;flex-direction:column;gap:16px}.info-card-title{font-size:.68rem;font-weight:700;gap:8px;letter-spacing:.12em;text-transform:uppercase}.icon-btn,.info-card-title{align-items:center;color:#6b7280;color:var(--text-muted);display:flex}.icon-btn{background:#f5f6fc;background:var(--surface2);border:1px solid #e0e3f0;border:1px solid var(--border);border-radius:8px;cursor:pointer;height:28px;justify-content:center;margin-left:auto;transition:background .2s,color .2s;width:28px}.icon-btn:hover{background:#3d3fe81f;background:var(--brand-light);color:#3443f8;color:var(--brand)}.devices-grid{display:flex;flex-wrap:wrap;gap:10px}.device-item{background:#f5f6fc;background:var(--surface2);border:1px solid #e0e3f0;border:1px solid var(--border);flex:1 1;flex-direction:column;gap:6px;min-width:110px;padding:14px 12px;text-align:center;transition:background .3s,border-color .3s}.device-icon-wrap,.device-item{align-items:center;border-radius:12px;display:flex}.device-icon-wrap{background:#3d3fe81f;background:var(--brand-light);color:#3443f8;color:var(--brand);flex-shrink:0;height:44px;justify-content:center;width:44px}.device-name{color:#1a1d3a;color:var(--text);font-size:.75rem;font-weight:600;line-height:1.3}.device-model{color:#9ca3af;color:var(--text-dim);font-size:.68rem}.device-status{align-items:center;display:flex;font-size:.62rem;font-weight:700;gap:5px;letter-spacing:.08em}.device-status.on{color:#00a651;color:var(--free)}.device-status.ready{color:#3443f8;color:var(--brand)}.device-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.link-btn{background:none;border:none;color:#3443f8;color:var(--brand);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font);font-size:.8rem;font-weight:600;opacity:.8;padding:0;text-align:left;transition:opacity .2s}.link-btn:hover{opacity:1}.room-info-card{display:flex;flex:0.8 1;flex-direction:column;gap:0}.room-info-row{align-items:center;border-bottom:1px solid #e0e3f0;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 0}.room-info-row:last-child{border-bottom:none}.room-info-icon{color:#9ca3af;color:var(--text-dim);flex-shrink:0}.room-info-label{color:#6b7280;color:var(--text-muted);flex:1 1;font-size:.82rem}.room-info-value{color:#00a651;color:var(--free);font-size:.85rem;font-weight:700}.info-footer{align-items:center;display:flex;justify-content:flex-end;padding-top:4px}.back-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e0e3f0;border:1.5px solid var(--border);border-radius:100px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:.85rem;font-weight:600;gap:8px;padding:10px 22px;transition:all .2s}.back-btn:hover{background:#3d3fe81f;background:var(--brand-light);border-color:#3443f8;border-color:var(--brand);color:#3443f8;color:var(--brand)}.back-countdown{font-feature-settings:"tnum";color:#9ca3af;color:var(--text-dim);font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:500;margin-left:2px}.password-wrap{align-items:center;display:inline-flex;gap:8px}.password-text{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.05em}.eye-btn{align-items:center;background:#0000;border:1px solid #e0e3f0;border:1px solid var(--border);border-radius:6px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:background .2s,color .2s,border-color .2s;width:26px}.eye-btn:hover{background:#3d3fe81f;background:var(--brand-light);border-color:#3443f8;border-color:var(--brand);color:#3443f8;color:var(--brand)}@media screen and (max-height:900px){.header{height:54px;padding:0 20px}.header-logo img{height:28px}.header-clock{font-size:1.45rem}.header-date-sub{font-size:.66rem}.header-date{font-size:.72rem}.theme-toggle{height:30px;width:30px}.rooms-grid{gap:12px;padding:14px 20px}.room-card{gap:10px;padding:14px 18px}.room-col{gap:6px;padding:10px 12px}.room-name{font-size:clamp(.95rem,1.6vw,1.3rem)}.section-label{font-size:.58rem}.meeting-title{font-size:clamp(.8rem,1.2vw,1rem)}.meeting-time{font-size:.73rem}.meeting-organizer{font-size:.68rem}.free-message{font-size:clamp(.85rem,1.4vw,1rem)}.progress-remaining{font-size:.62rem}.progress-bar-track{height:5px}.no-upcoming{font-size:.72rem}.status-badge{font-size:.62rem;padding:4px 9px}.status-dot{height:6px;width:6px}.book-btn{font-size:.75rem;padding:7px 6px}.footer{padding:5px 20px}.footer-refresh{font-size:.62rem}.single-room-main{padding:14px 24px}.sr-content{gap:16px}.sr-room-name{font-size:clamp(2.4rem,4vw,3.2rem)}.sr-col{gap:12px;padding:16px 18px}.sr-col-icon{border-radius:12px;height:46px;width:46px}.sr-meeting-title{font-size:clamp(.9rem,1.5vw,1.1rem)}.sr-meeting-time{font-size:.82rem}.sr-book-btn{font-size:.9rem;padding:12px}.device-item{min-width:90px;padding:10px 8px}.device-icon-wrap{border-radius:10px;height:36px;width:36px}.device-icon-wrap svg{height:20px;width:20px}.room-info-row{padding:10px 0}}@media screen and (max-height:768px){.header{height:48px}.header-logo img{height:24px}.header-clock{font-size:1.25rem}.header-date-sub{display:none}.rooms-grid{gap:10px;padding:10px 16px}.room-card{gap:8px;padding:12px 14px}.room-col{gap:5px;padding:8px 10px}.single-room-main{padding:10px 16px}.sr-content{gap:12px}.sr-col{padding:12px 14px}.sr-book-btn{font-size:.85rem;padding:10px}.footer{padding:4px 16px}}@media screen and (max-width:1024px){.rooms-grid.count-3,.rooms-grid.count-5{grid-template-columns:repeat(2,1fr)}.room-body{flex-direction:column;gap:10px}.room-col-left,.room-col-right{flex:initial;width:100%}.info-cards{flex-direction:column}.room-info-card{flex:initial}}@media screen and (max-width:768px){.header{height:56px;padding:0 16px}.header-logo img{height:26px}.header-clock{font-size:1.4rem}.header-date{font-size:.68rem}.rooms-grid.count-2,.rooms-grid.count-3,.rooms-grid.count-4,.rooms-grid.count-5{align-content:start;grid-template-columns:1fr;grid-template-rows:none}.rooms-grid{gap:12px;overflow-y:auto;padding:14px 16px}.room-card{gap:12px;padding:16px 18px}.room-col{padding:10px 12px}.footer{padding:6px 16px}.single-room-main{align-items:flex-start;padding:12px 16px}.sr-content{max-width:100%}.sr-room-name{font-size:clamp(1.3rem,5vw,1.8rem)}.sr-body{flex-direction:column}.devices-grid{gap:8px}.device-item{min-width:80px}}
/*# sourceMappingURL=main.33897b2c.css.map*/