@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.app-container{background-color:#fff;height:100vh;width:100vw}.app-container,.info-panel{display:flex;overflow:hidden;position:relative}.info-panel{align-items:center;animation:fadeInPanel .6s ease-out;background-color:#f3f4f6;flex-direction:column;justify-content:center;opacity:1;transition:width .8s cubic-bezier(.22,1,.36,1);width:100%;will-change:width}@keyframes fadeInPanel{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.panel-content-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;max-width:600px;min-width:400px;padding:20px;transition:opacity .3s;width:100%}.info-panel.sidebar .panel-content-wrapper{max-width:100%;min-width:auto;width:100%}.info-panel.full{border-radius:0;width:100%}.info-panel.full:after{display:none}.info-panel.sidebar{position:relative;width:45%}.info-panel.sidebar:after{animation:slideInDivider .8s cubic-bezier(.22,1,.36,1) .2s both;background:linear-gradient(180deg,#0000 0,#e5e7eb 10%,#e5e7eb 90%,#0000);box-shadow:1px 0 3px #0000000d;content:"";height:100%;position:absolute;right:0;top:0;width:1px;z-index:10}@keyframes slideInDivider{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}.info-content{animation:fadeInContent .8s ease-out .2s both;box-sizing:border-box;padding:20px;text-align:center;width:100%}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.house-image{animation:scaleInImage .8s ease-out .3s both;display:block;height:auto;margin:0 auto 40px;max-width:90%;transition:all .6s cubic-bezier(.4,0,.2,1);width:600px}@keyframes scaleInImage{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.info-panel.sidebar .house-image{margin-bottom:20px;width:500px}.title{animation:fadeInTitle .8s ease-out .4s both;color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}@keyframes fadeInTitle{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.subtitle{animation:fadeInSubtitle .8s ease-out .5s both;color:#666;margin:0 auto;max-width:400px}@keyframes fadeInSubtitle{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.start-btn{animation:fadeInButton .8s ease-out .6s both;background-color:#1a73e8;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;margin-top:30px;overflow:hidden;padding:12px 30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.start-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.start-btn:hover{box-shadow:0 8px 20px #1a73e84d;transform:scale(1.05)}.start-btn:active{transform:scale(.98)}.start-btn:active:before{height:300px;width:300px}@keyframes fadeInButton{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{align-items:center;animation:slideInLogin .6s ease-out;background-color:#fff;display:flex;flex:1 1;justify-content:center;opacity:1;transform:translateX(0);transition:all .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInLogin{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.login-container.hidden{flex:0 1;opacity:0;pointer-events:none;transform:translateX(100px);width:0}.form-box{max-width:420px;padding:20px}.header-text{margin-bottom:30px;text-align:center}.header-text h2{color:#1f2937;font-size:1.8rem;margin-bottom:8px}.header-text p{color:#6b7280;font-size:.95rem}.input-group{margin-bottom:15px;position:relative}.input-group input{background-color:#fff;border:1px solid #e5e7eb;font-size:1rem;padding:14px 16px;transition:border-color .2s}.input-group input:focus{border-color:#1a73e8}.password-group input{padding-right:40px}.eye-icon{cursor:pointer;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.remember-box{align-items:center;color:#6b7280;display:flex;font-size:.9rem;margin-bottom:20px}.remember-box input{cursor:pointer;height:16px;margin-right:8px;width:16px}.login-btn{font-size:1rem;font-weight:600;padding:14px;transition:background-color .2s}.login-btn:hover{background-color:#155db5}.forgot-pass{margin-top:15px;text-align:center}.forgot-pass a{color:#1a73e8;font-size:.9rem;font-weight:500;text-decoration:none}.divider{align-items:center;color:#9ca3af;display:flex;font-size:.9rem;margin:25px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.divider span{padding:0 10px}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;padding:12px;transition:background-color .2s;width:100%}.social-btn:hover{background-color:#f9fafb}.social-btn svg{margin-right:10px}.signup-text{color:#6b7280;font-size:.9rem;margin-top:30px;text-align:center}.signup-text a{color:#1a73e8;font-weight:600;margin-left:5px;text-decoration:none}.form-box{max-width:400px;padding:40px;width:100%}.input-group{margin-bottom:20px}.input-group label{color:#555;display:block;margin-bottom:8px}.input-group input{border:1px solid #ddd;border-radius:8px;outline:none;padding:12px;width:100%}.login-btn{background-color:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;width:100%}.strength-meter{background-color:#e5e7eb;border-radius:2px;height:4px;margin:10px 0 20px;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.validation-list{color:#9ca3af;font-size:.85rem;list-style:none;margin:0;padding:0}.validation-list li{align-items:center;display:flex;gap:8px;margin-bottom:6px}.validation-list li.valid{color:#10b981}.login-btn.submitting{background-color:#1a73e8;cursor:wait;opacity:.9}.otp-container{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.otp-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#1f2937;font-size:1.5rem;font-weight:700;height:60px;outline:none;text-align:center;transition:all .2s;width:60px}.otp-input.filled,.otp-input:focus{border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81a}.welcome-container{animation:fadeIn .8s ease;background:#fff;left:0;position:absolute;top:0;width:100vw;z-index:100}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.orbit-system{height:300px;width:300px}.avatar-wrapper{border:4px solid #fff;border-radius:50%;box-shadow:0 10px 25px #0000001a;overflow:hidden;z-index:10}.orbit-circle{border:1px dashed #e5e7eb;border-radius:50%;position:absolute}.orbit-circle.inner{animation:spin 20s linear infinite;height:200px;width:200px}.orbit-circle.outer{animation:spin 30s linear infinite reverse;height:300px;width:300px}.orbit-dot{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 4px 10px #0000000d;display:flex;height:40px;justify-content:center;position:absolute;width:40px}.orbit-dot:after{color:#999;content:"IOT";font-size:8px}.dot-1{left:50px;top:20px}.dot-2{bottom:40px;right:20px}.dot-3{left:50%;top:-20px}.welcome-title{color:#1f2937;font-size:2rem;margin-bottom:10px}.welcome-subtitle{color:#6b7280;margin-bottom:40px}.welcome-btn{max-width:200px}.dashboard-container{background-color:#f9fafb;display:flex;height:100vh;width:100vw}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:30px;width:280px}.brand-logo img{height:50px;margin-bottom:40px}.user-mini-profile{align-items:center;display:flex;margin-bottom:50px}.mini-avatar{object-fit:cover}.mini-avatar,.mini-avatar-initial{border-radius:50%;height:48px;margin-right:12px;width:48px}.mini-avatar-initial{align-items:center;background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;justify-content:center}.user-info{display:flex;flex-direction:column}.welcome-text{color:#9ca3af;font-size:.8rem}.user-name{color:#1f2937;font-size:1rem;font-weight:700}.nav-menu{display:flex;flex-direction:column;gap:10px}.nav-item{align-items:center;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .2s}.nav-item svg{margin-right:12px}.nav-item:hover{background-color:#f3f4f6;color:#1f2937}.nav-item.active{background-color:#e0e7ff;color:#1a73e8}.nav-item.active svg{stroke:#1a73e8}.sidebar-bottom{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:10px;padding-top:20px}.nav-item.logout:hover{background-color:#fef2f2;color:#ef4444}.main-content{align-items:center;background-color:#fff;flex:1 1;justify-content:center}.empty-state{max-width:500px}.empty-state h2{color:#1f2937;font-size:1.8rem;margin-bottom:10px}.empty-state p{color:#6b7280}.empty-state p,.illustration-box{margin-bottom:40px}.empty-img{height:auto;max-width:100%;min-height:200px}.primary-btn{background-color:#1a73e8;border:none;border-radius:25px;box-shadow:0 4px 12px #1a73e833;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 40px;transition:transform .2s}.primary-btn:hover{background-color:#155db5;transform:translateY(-2px)}.setup-layout{background-color:#f3f4f6;flex-direction:column;overflow-y:auto;padding:0;position:relative}.setup-header{align-items:flex-start;background-color:#1f2937;border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:#fff;display:flex;height:220px;justify-content:space-between;padding:30px 40px;width:100%}.back-btn{align-items:center;background:#ffffff1a;border:none;border-radius:12px;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.header-titles{margin-top:10px;text-align:center}.header-titles h2{font-size:1.5rem;margin-bottom:5px}.header-titles p{color:#9ca3af;font-size:.9rem}.step-indicator{color:#d1d5db;font-size:.9rem}.setup-body{display:flex;flex:1 1;justify-content:center;margin-top:-80px;padding-bottom:100px;width:100%}.house-card-wrapper{max-width:90%;width:600px}.house-preview{background-color:#e5e7eb;border:4px solid #fff;border-radius:20px;box-shadow:0 10px 30px #00000026;height:350px;margin-bottom:30px;overflow:hidden;position:relative;width:100%}.house-preview img{height:100%;object-fit:cover;width:100%}.upload-icon-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:15px;top:15px;width:36px}.input-section{text-align:center}.input-section label{color:#374151;display:block;font-size:1.1rem;font-weight:500;margin-bottom:15px}.house-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 5px #00000005;font-size:1rem;margin-bottom:30px;outline:none;padding:15px 20px;width:100%}.house-input:focus{border-color:#1a73e8}.suggestions{color:#6b7280;font-size:.9rem}.chips{display:flex;gap:10px;justify-content:center;margin-top:15px}.chip-btn{background-color:#e5e7eb;border:none;border-radius:20px;color:#4b5563;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.chip-btn:hover{background-color:#d1d5db}.setup-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;padding:20px 40px;position:fixed;right:0;width:calc(100% - 280px);z-index:50}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px}.footer-hint{font-size:.9rem}.continue-btn{padding:12px 50px}.setup-body.column-mode{align-items:center;flex-direction:column;margin:-80px auto 0;max-width:1000px;padding-bottom:120px;width:95%}.summary-card{background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;justify-content:space-between;margin-bottom:40px;padding:20px 30px;width:100%}.summary-card,.summary-left{align-items:center;display:flex}.summary-left{gap:20px}.summary-thumb{border-radius:10px;height:60px;object-fit:cover;width:80px}.house-title{align-items:center;color:#1f2937;display:flex;font-size:1.2rem;font-weight:700;gap:10px}.edit-icon{color:#1a73e8;cursor:pointer;font-size:1rem}.house-address{color:#6b7280;font-size:.9rem;margin-top:4px}.summary-stats{display:flex;gap:15px}.stat-pill{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;display:flex;font-size:.85rem;gap:8px;padding:8px 16px}.dot{border-radius:50%;display:inline-block;height:8px;width:8px}.dot.green{background-color:#10b981}.dot.blue{background-color:#3b82f6}.dot.grey{background-color:#9ca3af}.device-section-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:25px;width:100%}.text-group h3{color:#374151;font-size:1.2rem;margin-bottom:5px}.text-group p{color:#9ca3af;font-size:.9rem}.search-box input{border:1px solid #e5e7eb;border-radius:10px;font-size:.95rem;outline:none;padding:10px 40px 10px 15px;width:100%}.search-icon{color:#9ca3af;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.device-grid{width:100%}.device-card{align-items:flex-start;background-color:#fff;border:1px solid #0000;border-radius:16px;display:flex;flex-direction:column;padding:20px;position:relative;transition:transform .2s,box-shadow .2s}.device-card:hover{border-color:#e5e7eb;box-shadow:0 10px 25px #0000000d;transform:translateY(-2px)}.device-image-placeholder{align-items:center;background:radial-gradient(circle,#f3f4f6 0,#fff 70%);border-radius:10px;display:flex;height:120px;justify-content:center;margin-bottom:15px;width:100%}.device-icon-circle{font-size:3rem}.device-details h4{color:#374151;font-size:1rem;margin-bottom:4px}.status{color:#9ca3af;font-size:.85rem}.add-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;bottom:20px;color:#1a73e8;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;transition:all .2s;width:36px}.add-btn:hover{background-color:#1a73e8;border-color:#1a73e8}.add-btn:hover svg{stroke:#fff}.secondary-btn{background:#f3f4f6;border:none;border-radius:25px;color:#6b7280;cursor:pointer;font-weight:600;margin-right:15px;padding:12px 30px;transition:background .2s}.secondary-btn:hover{background:#e5e7eb;color:#374151}.footer-actions{display:flex}.device-showcase{display:flex;justify-content:center;margin-bottom:40px;margin-top:-60px;position:relative;z-index:10}.device-glow-circle{align-items:center;background-color:#fff;border:8px solid #fff6;border-radius:50%;box-shadow:0 0 40px #fffc,0 10px 30px #0000001a;display:flex;height:220px;justify-content:center;width:220px}.device-form-section{max-width:500px;text-align:center;width:100%}.input-block{margin-bottom:30px}.input-block label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:15px}.room-chips{flex-wrap:wrap}.chip-btn.selected-yellow{background-color:#fbbf24;border:none;box-shadow:0 4px 10px #fbbf2466;color:#fff;font-weight:700}.device-card.connected{border:2px solid #1a73e8;box-shadow:0 4px 12px #1a73e81a}.status-connected{color:#10b981;font-weight:600}.delete-btn,.status-connected{align-items:center;display:flex}.delete-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;bottom:20px;color:#ef4444;cursor:pointer;height:36px;justify-content:center;position:absolute;right:20px;transition:all .2s;width:36px}.delete-btn:hover{background-color:#fef2f2;border-color:#ef4444}.search-box{position:relative;width:300px;z-index:100}.search-dropdown{animation:fadeInDown .2s ease-out;background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;padding:10px 0;position:absolute;top:110%;width:100%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.dropdown-list{max-height:300px;overflow-y:auto}.no-results{color:#9ca3af;font-size:.9rem;padding:15px;text-align:center}.search-result-item{align-items:center;border-bottom:1px solid #f9fafb;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .1s}.search-result-item:last-child{border-bottom:none}.result-icon-wrapper,.search-result-item:hover{background-color:#f3f4f6}.result-icon-wrapper{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-right:12px;width:40px}.result-info{display:flex;flex:1 1;flex-direction:column}.result-name{color:#374151;font-size:.95rem;font-weight:600}.result-status{align-items:center;display:flex;font-size:.8rem;margin-top:2px}.result-status.green{color:#10b981}.result-status.grey{color:#9ca3af}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s;width:30px}.action-btn.add{background-color:#fff;border:1px solid #e5e7eb;color:#1a73e8}.action-btn.add:hover{background-color:#1a73e8;border-color:#1a73e8;color:#fff}.action-btn.remove{background-color:#fff;border:none;color:#9ca3af}.action-btn.remove:hover{background-color:#fef2f2;color:#ef4444}.dot.purple{background-color:#a78bfa}.dot.yellow{background-color:#facc15}.confirm-grid-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px;width:100%}.content-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 10px #00000008;padding:20px}.content-card.full-width{width:100%}.card-header h3{align-items:center;color:#374151;display:flex;font-size:1.1rem;gap:10px}.count-badge{background-color:#e5e7eb;border-radius:10px;color:#6b7280;font-size:.8rem;padding:2px 8px}.list-container{display:flex;flex-direction:column;gap:15px}.list-container.row-layout{flex-direction:row;flex-wrap:wrap}.list-item{align-items:center;border-bottom:1px solid #f9fafb;display:flex;padding-bottom:15px}.list-item:last-child{border-bottom:none;padding-bottom:0}.member-item{border-bottom:none;border-right:1px solid #f9fafb;flex:1 1;margin-right:20px;min-width:300px;padding-right:20px}.member-item:last-child{border-right:none}.item-icon-box{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-right:15px;width:48px}.item-icon-box.blue-bg{background-color:#eff6ff;color:#1a73e8}.member-avatar{height:48px;margin-right:15px;width:48px}.item-details{flex:1 1}.item-details h4{color:#1f2937;font-size:.95rem;margin-bottom:2px}.item-details p{color:#9ca3af;font-size:.85rem}.item-action{background:none;border:none;color:#9ca3af;cursor:pointer;padding:5px}.dots{font-weight:700;letter-spacing:2px}.trash-btn:hover svg{stroke:#ef4444}.item-info{flex:1 1}.item-name{color:#1f2937;font-size:.95rem;font-weight:500;margin-bottom:2px}.item-detail{color:#9ca3af;font-size:.85rem}.item-menu-btn{color:#9ca3af}.item-delete-btn,.item-menu-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:5px}.item-delete-btn{transition:opacity .2s}.item-delete-btn:hover{opacity:.7}.empty-state{color:#9ca3af;font-size:.9rem;padding:20px;text-align:center}.main-content.dashboard-scroll{align-items:flex-start;background-color:#f9fafb;flex-direction:column;overflow-y:auto;padding:30px}.dashboard-header{align-items:center;background:linear-gradient(135deg,#374151,#4b5563);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:30px;position:relative;width:100%}.dashboard-header:before{animation:wave 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-20%;top:-50%;width:200%}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-left{z-index:1}.dashboard-title{color:#fff;font-size:2rem;font-weight:700;margin:0}.header-right{z-index:1}.space-selector{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:background .2s}.space-selector:hover{background:#ffffff40}.space-selector svg:first-child{height:20px;width:20px}.space-selector span{font-weight:500}.info-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px;width:100%}.info-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s}.info-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.info-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.info-card.weather .info-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.info-card.humidity .info-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.info-card.lights .info-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.info-card.music .info-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.info-content{flex:1 1}.info-label{color:#6b7280;font-size:.9rem;margin-bottom:4px}.info-value{color:#1f2937;font-size:1.5rem;font-weight:600}.devices-section{margin-bottom:40px;width:100%}.section-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.section-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.section-badge{background-color:#e5e7eb;border-radius:12px;color:#6b7280;font-size:.9rem;font-weight:500;padding:4px 12px}.device-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.dashboard-device-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s}.dashboard-device-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.device-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.device-emoji{font-size:2rem}.device-info{flex:1 1}.device-name{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.device-room{color:#6b7280;font-size:.85rem;margin:0}.toggle-switch{display:inline-block;height:28px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#1a73e8}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.bottom-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}.bottom-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px}.bottom-card-title{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 20px}.members-list{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.member-avatar-circle{background:#e5e7eb;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;font-size:1.5rem}.add-member-btn,.member-avatar-circle{align-items:center;display:flex;height:48px;justify-content:center;width:48px}.add-member-btn{background:#1a73e8;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s}.add-member-btn:hover{background:#1557b0}.map-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin-bottom:16px}.map-preview{background:#f9fafb;border-radius:12px;overflow:hidden;width:100%}.back-btn-header{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:12px;padding:8px;transition:background .2s}.back-btn-header:hover{background:#ffffff1a}.dashboard-header .header-left{align-items:center;display:flex}.view-toggle-container{margin-bottom:30px;width:100%}.view-toggle{background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:inline-flex;padding:4px}.view-toggle-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s}.view-toggle-btn:hover{background:#f9fafb;color:#1f2937}.view-toggle-btn.active{background:#1a73e8;color:#fff}.rooms-section{margin-bottom:40px;width:100%}.rooms-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.room-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s}.room-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.room-icon-wrapper{align-items:center;background:#f3f4f6;border-radius:16px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.room-emoji{font-size:2.5rem}.room-info{text-align:center}.room-name{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 4px}.room-devices{color:#6b7280;font-size:.9rem;margin:0}.devices-scroll-container{overflow-x:auto;overflow-y:hidden;padding-bottom:10px;width:100%}.devices-scroll-container::-webkit-scrollbar{height:8px}.devices-scroll-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.devices-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.devices-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.devices-scroll-list{display:flex;gap:20px;min-width:-webkit-max-content;min-width:max-content}.device-scroll-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:12px;min-width:200px;padding:20px;transition:transform .2s,box-shadow .2s}.device-scroll-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.device-image-wrapper{align-items:center;border:1px solid #e5e7eb;border-radius:16px;display:flex;height:120px;justify-content:center;width:120px}.device-image-emoji{font-size:3rem}.device-scroll-info{text-align:center;width:100%}.device-scroll-name{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.device-scroll-room{color:#6b7280;font-size:.85rem;margin:0}.room-detail-content{display:flex;flex:1 1;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.room-background{background-position:50%;background-size:cover;z-index:0}.room-background,.room-background:after{height:100%;left:0;position:absolute;top:0;width:100%}.room-background:after{background:#0000004d;content:""}.room-hotspots{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.room-hotspot{cursor:pointer;pointer-events:all;position:absolute;transform:translate(-50%,-50%);transition:transform .2s}.room-hotspot:hover{transform:translate(-50%,-50%) scale(1.2)}.hotspot-dot{background:#fff;border:3px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:16px;transition:all .2s;width:16px}.room-hotspot.active .hotspot-dot{background:#007bff;border-color:#007bffcc;box-shadow:0 2px 12px #007bff80;height:20px;width:20px}.room-detail-header{align-items:center;background:linear-gradient(135deg,#374151,#4b5563);display:flex;justify-content:space-between;padding:20px 30px;position:relative;width:100%;z-index:2}.room-header-left{align-items:center;display:flex;gap:16px}.room-breadcrumb{align-items:center;color:#fff;display:flex;gap:8px}.breadcrumb-item{font-size:1rem;opacity:.9}.breadcrumb-current{font-size:1.25rem;font-weight:600}.room-header-right{align-items:center;display:flex;gap:12px}.room-header-icon-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.room-header-icon-btn:hover{background:#ffffff40}.room-header-icon-btn.active{background:#1a73e84d;border:2px solid #1a73e880}.room-device-cards-horizontal{bottom:80px;left:0;padding:0 30px 20px;position:absolute;right:0;width:100%;z-index:2}.room-device-cards-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding-bottom:10px}.room-device-cards-scroll::-webkit-scrollbar{height:8px}.room-device-cards-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.room-device-cards-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.room-device-cards-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.room-device-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:16px;min-width:200px;padding:24px;position:relative;transition:transform .2s,box-shadow .2s}.room-device-card:hover{box-shadow:0 6px 24px #0003;transform:translateY(-4px)}.room-device-card.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.room-device-card.active .room-device-name,.room-device-card.active .room-device-room{color:#fff}.room-device-icon-wrapper{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:16px;display:flex;height:100px;justify-content:center;transition:border-color .2s,background-color .2s;width:100px}.room-device-card.active .room-device-icon-wrapper{background-color:#fff3!important;border-color:#ffffff4d}.room-device-card.active .room-device-emoji{filter:brightness(0) invert(1)}.room-device-emoji{font-size:3rem}.room-device-info{text-align:center;width:100%}.room-device-name{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 4px}.room-device-room{color:#6b7280;font-size:.9rem;margin:0}.room-device-card.active .toggle-slider{background-color:#ffffff4d}.room-device-card.active .toggle-switch input:checked+.toggle-slider{background-color:#fff}.room-device-card.active .toggle-switch input:checked+.toggle-slider:before{background-color:#007bff}.room-env-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #0000001a;bottom:0;display:flex;gap:40px;left:0;margin:0;min-height:80px;padding:20px 30px;position:absolute;right:0;z-index:2}.env-info-item{align-items:center;color:#1f2937;display:flex;gap:12px}.env-info-item svg{color:#6b7280;flex-shrink:0}.env-info-text{display:flex;flex-direction:column;gap:2px}.env-label{color:#6b7280;font-size:.85rem}.env-value{color:#1f2937;font-size:1.2rem;font-weight:600}.device-detail-content{background-color:#f0f4f8;display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh;padding:0;width:calc(100% - 280px)}.device-detail-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 30px}.device-detail-header .back-btn-header{color:#1f2937}.device-detail-header .back-btn-header:hover{background:#0000000d}.device-header-left{align-items:center;display:flex;gap:16px}.device-breadcrumb{align-items:center;color:#1f2937;display:flex;gap:8px}.device-header-right .space-selector{background:#f3f4f6;border-radius:8px;color:#1f2937;padding:8px 16px}.device-header-right .space-selector:hover{background:#e5e7eb}.device-detail-body{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:30px}.device-detail-left{display:flex;flex-direction:column;gap:30px}.speaker-render{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:center;min-height:400px;padding:40px}.speaker-3d{height:200px;position:relative;width:200px}.speaker-body{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:60px;box-shadow:0 8px 24px #00000026;display:flex;height:180px;justify-content:center;margin:0 auto;position:relative;width:120px}.speaker-icon{color:#6b7280;position:relative;z-index:2}.wifi-signal{color:#6b7280;opacity:.7;top:-10px;transform:translateX(-50%)}.sound-waves,.wifi-signal{left:50%;position:absolute}.sound-waves{height:300px;width:300px}.sound-waves,.wave{top:50%;transform:translate(-50%,-50%)}.wave{animation:pulse 2s infinite;border:2px solid #007bff33;border-radius:50%;left:50%;position:absolute}.wave-1{animation-delay:0s;height:200px;width:200px}.wave-2{animation-delay:.5s;height:250px;width:250px}.wave-3{animation-delay:1s;height:300px;width:300px}.device-controls{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:24px;padding:30px}.control-item{align-items:center;display:flex;justify-content:space-between}.control-label{color:#1f2937;font-size:1rem;font-weight:500}.battery-info{align-items:center;color:#10b981;display:flex;gap:8px}.battery-value{font-size:1rem;font-weight:600}.volume-control{align-items:center;display:flex;flex:1 1;gap:12px;max-width:300px}.volume-control svg{color:#6b7280;flex-shrink:0}.volume-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:18px;width:18px}.volume-slider::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.volume-value{color:#6b7280;font-size:.9rem;min-width:45px;text-align:right}.device-detail-right{display:flex;flex-direction:column;gap:20px}.scenes-card,.spotify-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px}.card-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.card-title{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0}.card-subtitle{margin:0}.card-badge,.card-subtitle{color:#6b7280;font-size:.9rem}.card-badge{background:#e5e7eb;border-radius:12px;font-weight:500;padding:4px 12px}.spotify-content{display:flex;flex-direction:column;gap:16px}.spotify-image{aspect-ratio:16/9;background:#f3f4f6;border-radius:12px;overflow:hidden;width:100%}.spotify-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:4rem;height:100%;justify-content:center;width:100%}.spotify-progress{align-items:center;display:flex;gap:12px}.progress-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.progress-fill{background:#007bff;border-radius:2px;height:100%;transition:width .3s}.progress-time{color:#6b7280;font-size:.85rem;min-width:60px;text-align:right}.spotify-info{text-align:center}.song-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 4px}.song-artist{color:#6b7280;font-size:.9rem;margin:0}.spotify-controls{gap:20px}.control-btn,.spotify-controls{align-items:center;display:flex;justify-content:center}.control-btn{background:#f3f4f6;border:none;border-radius:50%;color:#1f2937;cursor:pointer;height:40px;transition:all .2s;width:40px}.control-btn:hover{background:#e5e7eb}.play-btn{background:#007bff;color:#fff;height:50px;width:50px}.play-btn:hover{background:#0056b3}.scenes-list{display:flex;flex-direction:column;gap:16px}.scene-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.scene-info{flex:1 1}.scene-name{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.scene-schedule{color:#6b7280;font-size:.85rem;margin:0}.welcome-container{background-color:#fff;flex-direction:column;font-family:Arial,sans-serif;height:100vh;overflow:hidden}.orbit-system,.welcome-container{align-items:center;display:flex;justify-content:center}.orbit-system{height:400px;margin-bottom:40px;position:relative;width:400px}.center-avatar{border-radius:50%;box-shadow:0 10px 25px #0000001a;height:120px;overflow:hidden;position:absolute;width:120px;z-index:10}.user-avatar{height:100%;object-fit:cover;width:100%}.user-avatar-initial{align-items:center;background:linear-gradient(135deg,#1a73e8,#1557b0);border-radius:50%;box-shadow:0 10px 25px #0000001a;color:#fff;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.ring{border:1px solid #eef0f5;border-radius:50%;position:absolute}.ring-1{height:180px;width:180px}.ring-2{height:280px;width:280px}.ring-3{border-style:dashed;height:380px;width:380px}.orbit-container{animation:spin-right 20s linear infinite;height:100%;position:absolute;width:100%}.planet{height:50px;left:50%;margin-left:-25px;margin-top:-25px;position:absolute;top:50%;width:50px}.planet-lamp{transform:rotate(220deg) translate(140px) rotate(-220deg)}.planet-air{transform:rotate(340deg) translate(190px) rotate(-340deg)}.planet-humi{transform:rotate(90deg) translate(160px) rotate(-90deg)}.planet-icon-box{align-items:center;animation:spin-left 20s linear infinite;background:#fff;border-radius:50%;box-shadow:0 4px 15px #00000014;display:flex;height:100%;justify-content:center;width:100%}.planet-icon-box img{height:auto;width:60%}@keyframes spin-right{to{transform:rotate(1turn)}}@keyframes spin-left{to{transform:rotate(-1turn)}}.content-area{text-align:center;z-index:11}.welcome-title{color:#333;font-size:24px;font-weight:700;margin-bottom:8px}.welcome-subtitle{color:#888;font-size:16px;margin-bottom:30px}.welcome-btn{background-color:#1a73e8;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 50px;transition:background .3s}.welcome-btn:hover{background-color:#1557b0}:root{--bg:#f3f6fb;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--blue:#1a73e8;--shadow:0 10px 30px #1118270f;--radius:16px}.dd-page{background:#f3f6fb;background:var(--bg);width:100vw}.dd-content,.dd-page{display:flex;min-height:100vh}.dd-content{flex-direction:column;width:calc(100% - 280px)}.dd-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);height:76px;justify-content:space-between;padding:0 26px}.dd-header,.dd-header-left{align-items:center;display:flex}.dd-header-left{gap:14px}.dd-back{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;cursor:pointer;display:grid;height:40px;place-items:center;transition:.15s;width:40px}.dd-back:hover{box-shadow:0 8px 18px #0000000f;transform:translateY(-1px)}.dd-breadcrumb{display:flex;flex-direction:column;line-height:1.1}.dd-room{color:#6b7280;color:var(--muted);font-size:13px}.dd-device{font-size:16px;font-weight:700}.dd-device,.dd-home{color:#111827;color:var(--text)}.dd-home{align-items:center;background:#f3f4f6;border:1px solid #eef2f7;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px 14px}.dd-home img{border-radius:999px;height:22px;object-fit:cover;width:22px}.dd-main{max-height:calc(100vh - 76px);overflow-y:auto;padding:22px 26px 28px}.dd-main::-webkit-scrollbar{width:8px}.dd-main::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.dd-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dd-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dd-body{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:1.25fr .85fr}.dd-left{background:#0000}.dd-speaker-card{background:#fff;background:var(--card);border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 30px #1118270f;box-shadow:var(--shadow);display:grid;min-height:360px;padding:18px;place-items:center;position:relative}.dd-speaker-stage{background:radial-gradient(circle at 50% 45%,#f7fbff 0,#fff 55%,#f6f8fb 100%);border-radius:18px;display:grid;height:320px;overflow:hidden;place-items:center;position:relative;width:min(520px,100%)}.dd-ring{border:2px solid #1a73e814;border-radius:999px;inset:20px;position:absolute}.dd-ring.r2{border-color:#1a73e80f;inset:52px}.dd-ring.r3{border-color:#1a73e80d;inset:86px}.dd-speaker{background:linear-gradient(180deg,#f1f3f6,#d9dde4);border-radius:999px;box-shadow:inset 0 8px 20px #00000014,0 18px 40px #0000001a;display:grid;height:230px;place-items:center;position:relative;width:230px}.dd-speaker:after{background:#ffffff40;border-radius:999px;content:"";filter:blur(.2px);inset:18px;position:absolute}.dd-speaker-icon{color:#ffffffd9;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25));position:relative;z-index:2}.dd-lamp-card{background:#fff;background:var(--card);border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 30px #1118270f;box-shadow:var(--shadow);display:grid;min-height:360px;padding:18px;place-items:center;position:relative}.dd-lamp-stage{background:radial-gradient(circle at 50% 45%,#f7fbff 0,#fff 55%,#f6f8fb 100%);border-radius:18px;display:grid;height:320px;overflow:hidden;place-items:center;position:relative;width:min(520px,100%)}.dd-lamp{background:linear-gradient(180deg,#f1f3f6,#d9dde4);border-radius:999px;box-shadow:inset 0 8px 20px #00000014,0 18px 40px #0000001a;display:grid;height:230px;place-items:center;position:relative;width:230px}.dd-lamp:after{background:#ffffff40;border-radius:999px;content:"";filter:blur(.2px);inset:18px;position:absolute}.dd-lamp-icon{color:#ffffffd9;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25));position:relative;z-index:2}.dd-controls{background:#fff;background:var(--card);border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 30px #1118270f;box-shadow:var(--shadow);margin-top:14px;padding:8px 18px}.dd-row{grid-gap:14px;align-items:center;border-bottom:1px solid #f2f4f7;display:grid;gap:14px;grid-template-columns:120px 1fr;padding:14px 0}.dd-row:last-child{border-bottom:none}.dd-label{color:#374151;font-size:14px;font-weight:600}.dd-rightcell{align-items:center;display:flex;gap:12px;justify-content:flex-end}.dd-battery{align-items:center;color:#6b7280;color:var(--muted);display:inline-flex;font-size:14px;font-weight:600;gap:8px}.dd-battery-dot{background:#22c55e;border-radius:999px;height:10px;width:10px}.dd-toggle{height:30px;position:relative;width:54px}.dd-toggle input{height:0;opacity:0;width:0}.dd-slider{background:#d1d5db;inset:0}.dd-slider,.dd-slider:before{border-radius:999px;position:absolute;transition:.2s}.dd-slider:before{background:#fff;box-shadow:0 6px 14px #0000001f;content:"";height:22px;left:4px;top:4px;width:22px}.dd-toggle input:checked+.dd-slider{background:#1a73e8;background:var(--blue)}.dd-toggle input:checked+.dd-slider:before{transform:translateX(24px)}.dd-volumeWrap{gap:10px;width:min(360px,100%)}.dd-volbar,.dd-volumeWrap{align-items:center;display:flex}.dd-volbar{background:#eef2f7;border-radius:14px;flex:1 1;height:42px;overflow:hidden;padding:0 12px;position:relative}.dd-volfill{background:linear-gradient(90deg,#1a73e8,#2b7cff);bottom:0;left:0;position:absolute;top:0;width:70%;width:var(--vol,70%)}.dd-voldots{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(12,1fr);height:14px;position:relative;width:100%;z-index:2}.dd-voldots span{background:#ffffff8c;border-radius:6px;height:100%;opacity:.35}.dd-volrange{cursor:pointer;inset:0;opacity:0;position:absolute}.dd-volpct{color:#6b7280;color:var(--muted);font-size:13px;font-weight:700;min-width:44px;text-align:right}.dd-right{display:flex;flex-direction:column;gap:16px}.dd-card{background:#fff;background:var(--card);border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 30px #1118270f;box-shadow:var(--shadow);padding:16px}.dd-cardhead{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.dd-cardtitle{display:flex;flex-direction:column;gap:4px}.dd-cardtitle h3{color:#111827;color:var(--text);font-size:15px;font-weight:800;margin:0}.dd-cardtitle p{font-size:12px;margin:0}.dd-cardtitle p,.dd-chevron{color:#6b7280;color:var(--muted)}.dd-chevron{background:#0000;border:none;cursor:pointer;padding:6px}.dd-spotifyCover{aspect-ratio:16/9;background:linear-gradient(135deg,#fbbf24,#f59e0b 40%,#f97316);border-radius:14px;display:grid;margin-bottom:12px;overflow:hidden;place-items:center;position:relative;width:100%}.dd-spotifyCover img{height:100%;object-fit:cover;opacity:.85;width:100%}.dd-coverOverlay{background:#00000014;inset:0;position:absolute}.dd-progressRow{align-items:center;display:flex;gap:10px;margin:10px 0 6px}.dd-progress{background:#e5e7eb;border-radius:999px;flex:1 1;height:4px;overflow:hidden}.dd-progress>div{background:#1a73e8;background:var(--blue);height:100%;width:45%}.dd-time{color:#6b7280;color:var(--muted);font-size:12px;font-weight:600}.dd-songRow{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-top:6px}.dd-songInfo h4{color:#111827;color:var(--text);font-size:13px;font-weight:800;margin:0}.dd-songInfo p{color:#6b7280;color:var(--muted);font-size:12px;margin:2px 0 0}.dd-playerBtns{align-items:center;display:flex;gap:10px}.dd-iconBtn{background:#fff;border:1px solid #eef2f7;border-radius:12px;color:#374151;height:38px;place-items:center;width:38px}.dd-iconBtn,.dd-play{cursor:pointer;display:grid}.dd-play{background:#1a73e8;background:var(--blue);border:none;border-radius:14px;box-shadow:0 10px 20px #1a73e840;color:#fff;height:44px;place-items:center;width:44px}.dd-scenesHead{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.dd-badge{background:#eef2f7;border-radius:999px;color:#6b7280;font-size:12px;font-weight:700;padding:4px 10px}.dd-sceneItem{align-items:center;border-top:1px solid #f2f4f7;display:flex;gap:12px;justify-content:space-between;padding:12px 0}.dd-sceneItem:first-child{border-top:none}.dd-sceneText{display:flex;flex-direction:column;gap:3px}.dd-sceneText b{color:#111827;color:var(--text);font-size:13px}.dd-sceneText span{color:#6b7280;color:var(--muted);font-size:12px}.dd-lampColorGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:8px}.dd-colorOption{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s}.dd-colorOption:hover{background:#f9fafb}.dd-colorOption.active{background:#eff6ff;border-color:#1a73e8;border-color:var(--blue)}.dd-colorCircle{border:2px solid #00000014;border-radius:999px;box-shadow:0 4px 12px #0000001a;height:48px;width:48px}.dd-colorOption span{color:#111827;color:var(--text);font-size:12px;font-weight:600}.dd-socket-card{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:40px 20px;position:relative}.dd-socket-stage{transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.dd-header-right{align-items:center;display:flex;gap:10px}.dd-loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#1a73e8;height:20px;width:20px}@media (max-width:1100px){.dd-body{grid-template-columns:1fr}}@media (max-width:860px){.dd-content{width:100%}}.stats-content{background:#f8f9fd;color:#111827;font-family:Nunito,sans-serif;min-height:100vh;padding:40px}.stats-top-section{display:flex;gap:40px;margin-bottom:40px}.stats-header-col{display:flex;flex-direction:column;gap:20px;min-width:150px}.stats-header-nav{align-items:center;display:flex;gap:10px}.stats-back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.stats-back-btn:hover{background:#f3f4f6}.stats-subtitle{color:#9ca3af;display:block;font-size:14px;font-weight:600}.stats-title{color:#111827;font-size:28px;font-weight:800;line-height:1.2;margin:0}.stats-period-col{display:flex;flex-direction:column;gap:12px;padding-top:20px}.stats-period-btn{background:#fff;border:1px solid #0000;border-radius:20px;box-shadow:0 2px 5px #00000005;color:#6b7280;cursor:pointer;font-size:14px;font-weight:700;min-width:100px;padding:10px 24px;text-align:center;transition:all .2s}.stats-period-btn:hover{background:#f9fafb;color:#374151}.stats-period-btn.active{background:#fbbf24;border-color:#fbbf24;box-shadow:0 4px 12px #fbbf244d;color:#111827}.stats-visuals-col{flex:1 1;flex-direction:column}.stats-summary-row,.stats-visuals-col{display:flex;gap:24px}.stats-summary-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000008;flex:1 1;min-width:200px;overflow:hidden;padding:24px;position:relative}.stats-summary-label{color:#6b7280;font-size:14px;font-weight:600;margin-bottom:8px}.stats-summary-value{color:#111827;font-size:32px;font-weight:800;margin-bottom:8px}.stats-summary-change{align-items:center;display:inline-flex;font-size:13px;font-weight:800;gap:4px}.stats-summary-change.positive{color:#10b981}.stats-summary-change.negative{color:#ef4444}.stats-chart-container{height:220px;margin-top:-20px;width:100%}.stats-rooms-section{margin-top:20px}.stats-rooms-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.stats-rooms-title{color:#111827;font-size:20px;font-weight:800;margin:0}.stats-rooms-badge{background:#e5e7eb;border-radius:50%;color:#4b5563;display:grid;font-size:12px;font-weight:700;height:24px;place-items:center;width:24px}.stats-rooms-scroll{display:flex;gap:24px;overflow-x:auto;padding:10px 4px 20px;scrollbar-width:none}.stats-rooms-scroll::-webkit-scrollbar{display:none}.stats-room-card{align-items:center;background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000a;display:flex;gap:20px;min-width:260px;padding:20px;transition:transform .2s}.stats-room-card:hover{box-shadow:0 10px 25px #00000014;transform:translateY(-5px)}.stats-room-icon-box{background:#f3f4f6;border-radius:16px;display:grid;font-size:28px;height:60px;place-items:center;width:60px}.stats-room-info h3{color:#111827;font-size:16px;font-weight:700;margin:0 0 4px}.stats-room-devices{color:#9ca3af;font-size:13px;font-weight:600;margin:0 0 4px}.stats-room-power{color:#111827;font-size:15px;font-weight:800}@media (max-width:1024px){.stats-top-section{flex-direction:column;gap:20px}.stats-header-col{align-items:center;flex-direction:row;justify-content:space-between}.stats-period-col{flex-direction:row;overflow-x:auto}.stats-summary-row{flex-wrap:wrap}}.profile-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;height:100vh;overflow-y:auto;padding:0}.profile-container{flex:1 1;padding:40px 60px;width:100%}.profile-header{margin-bottom:30px;width:100%}.profile-title{color:#111827;font-size:28px;font-weight:700;margin:0;text-align:left}.profile-main-area,.profile-tabs,.tab-placeholder{margin-left:auto;margin-right:auto;max-width:600px;width:100%}.profile-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:32px;margin-bottom:40px}.profile-tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 4px;position:relative;transition:color .2s;white-space:nowrap}.profile-tab:hover{color:#111827}.profile-tab.active{color:#1a73e8;font-weight:600}.profile-tab.active:after{background-color:#1a73e8;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.profile-main-area{align-items:center;display:flex;flex-direction:column}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:40px;position:relative}.avatar-wrapper{height:120px;position:relative;width:120px}.profile-avatar{object-fit:cover}.profile-avatar,.profile-avatar-initial{border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #f3f4f6;height:100%;width:100%}.profile-avatar-initial{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;font-size:48px;font-weight:700}.avatar-edit-btn,.profile-avatar-initial{align-items:center;display:flex;justify-content:center}.avatar-edit-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;bottom:0;box-shadow:0 4px 6px #0000000d;color:#1a73e8;cursor:pointer;height:36px;position:absolute;right:0;transition:transform .2s;width:36px}.avatar-edit-btn:hover{background-color:#f9fafb;transform:scale(1.05)}.profile-form{gap:24px;width:100%}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#6b7280;font-size:13px;font-weight:600}.form-input{border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#111827;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.phone-input-group{align-items:stretch;border:1px solid #e5e7eb;border-radius:12px;display:flex;overflow:hidden;transition:border-color .2s,box-shadow .2s}.phone-input-group:focus-within{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.country-select-wrapper{align-items:center;background-color:#f9fafb;border-right:1px solid #e5e7eb;cursor:pointer;display:flex;min-width:80px;padding:0 12px;position:relative}.country-select-wrapper select{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.country-display{align-items:center;display:flex;font-size:16px;gap:6px;justify-content:space-between;width:100%}.phone-input{border:none;border-radius:0;flex:1 1}.phone-input:focus{border-color:#0000;box-shadow:none}.profile-footer{align-items:center;background-color:#fff;border-top:1px solid #e5e7eb;bottom:0;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:auto;padding:24px 60px;position:-webkit-sticky;position:sticky;width:100%;z-index:10}.footer-hint{color:#9ca3af;font-size:14px;font-weight:500;text-align:left}.save-btn{background-color:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:12px 32px;transition:background-color .2s}.save-btn:hover{background-color:#1557b0}.save-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:50px}.password-toggle-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.password-toggle-btn:hover{color:#1a73e8}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.error-message{color:#ef4444;display:block;font-size:12px;margin-top:4px}.password-success-message{align-items:center;background-color:#d1fae5;border-radius:8px;color:#065f46;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.password-success-message:before{content:"✓";font-size:16px;font-weight:700}.password-requirements{display:flex;flex-direction:column;gap:6px;margin-top:8px}.requirement{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px}.requirement:before{content:"○";font-size:14px}.requirement.valid{color:#10b981}.requirement.valid:before{color:#10b981;content:"✓";font-weight:700}.profile-error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.profile-error-message:before{content:"⚠";font-size:16px;font-weight:700}.profile-success-message{align-items:center;background-color:#d1fae5;border:1px solid #86efac;border-radius:8px;color:#065f46;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.profile-success-message:before{content:"✓";font-size:16px;font-weight:700}.loading-spinner{color:#6b7280;font-size:14px}@media (max-width:768px){.profile-footer{flex-direction:column;gap:16px;padding:20px;text-align:center}}.members-content{background:#f3f6fb;flex:1 1;overflow-y:auto;padding:30px}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.members-header-left{align-items:center;display:flex;gap:16px}.members-back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#1f2937;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.members-back-btn:hover{background:#f9fafb;box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.members-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.members-add-btn{align-items:center;background:#1a73e8;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.members-add-btn:hover{background:#1557b0;box-shadow:0 4px 12px #1a73e84d;transform:translateY(-1px)}.members-list-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px}.members-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.members-list-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.members-badge{background:#e5e7eb;border-radius:12px;color:#6b7280;font-size:.875rem;font-weight:600;padding:4px 12px}.members-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.member-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s}.member-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.member-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.member-avatar-wrapper{position:relative}.member-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:80px;object-fit:cover;width:80px}.member-owner-badge{background:#fbbf24;border-radius:12px;bottom:-4px;box-shadow:0 2px 4px #0000001a;color:#78350f;font-size:.75rem;font-weight:600;left:50%;padding:4px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}.member-delete-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.member-delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#dc2626}.member-delete-btn:disabled{cursor:not-allowed;opacity:.3}.member-info{text-align:left}.member-name{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 6px}.member-email{color:#6b7280;font-size:.9rem;margin:0 0 8px}.member-role{background:#e5e7eb;border-radius:8px;color:#6b7280;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px}.members-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.members-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.members-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.members-modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.members-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.members-modal-close:hover{background:#e5e7eb;color:#1f2937}.members-modal-body{padding:24px}.members-form-group{margin-bottom:20px}.members-form-group:last-child{margin-bottom:0}.members-form-label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.members-form-input{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:.95rem;padding:12px 16px;transition:all .2s;width:100%}.members-form-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a;outline:none}.members-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.members-modal-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.members-modal-cancel:hover{background:#f9fafb;border-color:#d1d5db}.members-modal-submit{background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.members-modal-submit:hover{background:#1557b0}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10001}.toast{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;min-width:320px;padding:16px;pointer-events:auto;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-content{align-items:flex-start;display:flex;gap:12px}.toast-icon{flex-shrink:0;font-size:20px;line-height:1.2}.toast-message{word-wrap:break-word;color:#1f2937;flex:1 1;font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.toast-close:hover{color:#374151}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-confirm,.toast-info{border-left:4px solid #3b82f6}.toast-confirm{min-width:360px;padding:20px}.toast-confirm .toast-content{margin-bottom:16px}.toast-confirm .toast-icon{font-size:24px}.toast-confirm .toast-message{color:#111827;font-size:15px;font-weight:500}.toast-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.toast-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 20px;transition:all .2s}.toast-btn-cancel{background:#f3f4f6;color:#374151}.toast-btn-cancel:hover{background:#e5e7eb}.toast-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.toast-btn-confirm:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}@media (max-width:480px){.toast-container{left:10px;right:10px;top:10px}.toast{max-width:100%}.toast,.toast-confirm{min-width:auto}}.chatbot-widget{bottom:20px;position:fixed;right:20px;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:1000}.chatbot-widget.dragging{transition:none;z-index:1001}.chatbot-container{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 40px);overflow:hidden;width:380px}.chatbot-minimize-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 20px #667eea66;color:#fff;cursor:grab;display:flex;flex-direction:column;gap:4px;height:70px;justify-content:center;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:70px}.chatbot-minimize-btn:hover{box-shadow:0 6px 25px #667eea99;transform:scale(1.1)}.chatbot-minimize-btn:active{cursor:grabbing}.chatbot-widget.dragging .chatbot-minimize-btn{cursor:grabbing;transform:scale(1.05)}.chatbot-minimize-btn .chatbot-avatar-icon{font-size:28px}.chatbot-minimize-text{font-size:12px;font-weight:600}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;cursor:grab;display:flex;justify-content:space-between;padding:20px}.chatbot-header:active{cursor:grabbing}.chatbot-header-left{align-items:center;display:flex;gap:15px}.chatbot-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.chatbot-avatar-icon{font-size:24px}.chatbot-title{font-size:20px;font-weight:600;margin:0}.chatbot-subtitle{font-size:12px;margin:0;opacity:.9}.chatbot-header-actions{display:flex;gap:10px}.chatbot-btn-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.chatbot-btn-icon:hover{background:#ffffff4d;transform:scale(1.1)}.chatbot-btn-icon.active{background:#fff6;box-shadow:0 0 10px #ffffff4d}.chatbot-tts-btn{position:relative}.chatbot-tts-btn.active:after{background:#4ade80;border-radius:50%;bottom:2px;box-shadow:0 0 4px #4ade80;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.chatbot-messages{background:#f5f5f5;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1}.chatbot-messages::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#555}.chatbot-message{animation:messageSlide .3s ease-out;display:flex;gap:10px;max-width:75%}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-message.user{align-self:flex-end;flex-direction:row-reverse}.chatbot-message.bot{align-self:flex-start}.chatbot-message.error{opacity:.8}.chatbot-message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.chatbot-message-content{display:flex;flex-direction:column;gap:5px}.chatbot-message-text{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.5;padding:12px 16px;white-space:pre-wrap}.chatbot-message.user .chatbot-message-text{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.chatbot-message.bot .chatbot-message-text{background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 5px #0000001a;color:#333}.chatbot-message.error .chatbot-message-text{background:#fee;border:1px solid #fcc;color:#c33}.chatbot-message-time{color:#999;font-size:11px;padding:0 4px}.chatbot-message.user .chatbot-message-time{text-align:right}.chatbot-typing{background:#fff;border-radius:18px;border-bottom-left-radius:4px;display:flex;gap:4px;padding:12px 16px}.chatbot-typing span{animation:typing 1.4s infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.chatbot-typing span:nth-child(2){animation-delay:.2s}.chatbot-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chatbot-input-container{background:#fff;border-top:1px solid #e0e0e0;padding:15px 20px}.chatbot-error-banner{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:12px;margin-bottom:10px;padding:10px}.chatbot-input-wrapper{align-items:flex-end;display:flex;gap:10px}.chatbot-input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;padding:12px 16px;resize:none;transition:border-color .2s}.chatbot-input:focus{border-color:#667eea;outline:none}.chatbot-input:disabled{background:#f5f5f5;cursor:not-allowed}.chatbot-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .2s;width:44px}.chatbot-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.chatbot-send-btn:disabled{cursor:not-allowed;opacity:.5}.chatbot-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chatbot-hint{color:#999;font-size:11px;margin:8px 0 0;text-align:center}.chatbot-voice-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;margin-right:10px;transition:all .2s;width:44px}.chatbot-voice-btn:hover:not(:disabled){background:#e0e0e0;transform:scale(1.05)}.chatbot-voice-btn:disabled{cursor:not-allowed;opacity:.5}.chatbot-voice-btn.listening{animation:voicePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}@keyframes voicePulse{0%,to{box-shadow:0 0 0 0 #ff6b6bb3;transform:scale(1)}50%{box-shadow:0 0 0 10px #ff6b6b00;transform:scale(1.1)}}.chatbot-voice-pulse{animation:voiceIconPulse .8s ease-in-out infinite}@keyframes voiceIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){.chatbot-widget{bottom:10px;right:10px}.chatbot-container{border-radius:15px;height:calc(100vh - 20px);max-height:calc(100vh - 20px);width:calc(100vw - 20px)}.chatbot-minimize-btn{height:60px;width:60px}.chatbot-minimize-text{font-size:10px}.chatbot-message{max-width:85%}}
/*# sourceMappingURL=main.51f1e563.css.map*/