*{box-sizing:border-box}.hidden{display:none!important}:root{--bg-gradient: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);--primary-color: #B9292F;--accent-color: #ffffff;--glass-bg: rgba(30, 30, 30, .8);--glass-border: rgba(185, 41, 47, .4);--text-color: #ffffff;--text-secondary: #cccccc;--theme-transition: background .5s ease, color .5s ease, backdrop-filter .5s ease, border-color .5s ease}body.light-mode{--bg-gradient: linear-gradient(135deg, #f0f2f5 0%, #dce2e8 100%);--accent-color: #1a1a1a;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(185, 41, 47, .2);--text-color: #1a1a1a;--text-secondary: #4a4a4a}body{margin:0;padding:40px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-color);min-height:100vh;display:flex;justify-content:center;overflow-y:auto;transition:var(--theme-transition)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color);transition:var(--theme-transition)}.container{width:100%;max-width:98%;padding:20px;text-align:center}header{margin-bottom:30px;width:100%}.header-content{display:grid;grid-template-columns:auto 1fr 250px;align-items:center;gap:20px}.founder-badge{display:flex;flex-direction:row;align-items:center;gap:15px}.title-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.global-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.control-item{display:flex;align-items:center;gap:10px}.control-item span{font-size:.8rem;color:var(--text-secondary)}h1{font-size:2.5rem;margin:0;background:linear-gradient(to right,var(--primary-color),var(--accent-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.founder-badge img{width:60px;height:60px;border-radius:50%;border:3px solid var(--primary-color);box-shadow:0 4px 15px #b9292f66;object-fit:cover}.founder-badge .subtitle{font-size:.7rem;color:var(--text-secondary);margin:0}.title-section .subtitle{color:var(--text-secondary);margin-top:5px;font-size:1rem}@media(max-width:768px){.header-content{display:flex;flex-direction:column;gap:20px;text-align:center}.global-controls{align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap}}.glass{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0006;margin-bottom:25px;position:relative;overflow:hidden}.light-mode .glass{box-shadow:0 8px 32px #0000001a}.input-group{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}label{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;font-weight:600}input{width:100%;padding:15px;border-radius:12px;border:2px solid var(--glass-border);background:#0000001a;color:var(--text-color);font-size:1.1rem;outline:none;transition:all .3s;box-sizing:border-box}.light-mode input{background:#ffffff80}input:focus{border-color:var(--primary-color);background:#0000004d}.hint{font-size:.8rem;color:#fff6;margin-top:6px}.divider{display:flex;align-items:center;margin:25px 0;color:var(--accent-color)}.line{flex-grow:1;height:1px;background:var(--glass-border)}.icon{margin:0 15px;font-size:1.5rem;font-weight:700}.result-display{margin-top:30px;padding:15px;border-radius:10px;background:#b9292f1a;color:var(--primary-color);font-weight:600;min-height:24px}.clock-container{display:flex;justify-content:center;margin:20px 0}.clock{width:200px;height:200px;border-radius:50%;background:#ffffff0d;border:4px solid var(--glass-border);position:relative;box-shadow:0 4px 15px #0003;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.clock .tick{position:absolute;top:50%;left:50%;background:var(--text-secondary);pointer-events:none}.clock .number{position:absolute;color:var(--text-secondary);font-weight:700;font-size:1.2rem;pointer-events:none;line-height:1}.number-12{top:10px;left:50%;transform:translate(-50%)}.number-3{right:15px;top:50%;transform:translateY(-50%)}.number-6{bottom:10px;left:50%;transform:translate(-50%)}.header-clock-container{display:flex;align-items:center}.small-clock{width:60px!important;height:60px!important;border-width:2px!important}.small-clock .hand.hour{height:18px!important;width:3px!important;border-radius:2px!important;margin-left:-1.5px!important}.small-clock .hand.minute{height:25px!important;width:2px!important;border-radius:1px!important;margin-left:-1px!important}.small-clock .hand.second{height:28px!important;width:1px!important;background:var(--accent-color)!important;margin-left:-.5px!important}.small-clock .center-dot{width:6px!important;height:6px!important}.small-clock .tick{width:1px!important;height:4px!important;background:var(--text-secondary)!important}.small-clock .number{display:none}.number-9{left:15px;top:50%;transform:translateY(-50%)}.tick{position:absolute;top:50%;left:50%;width:2px;height:10px;background:#fff6;transform-origin:bottom center}.session-info h3{grid-column:1 / -1;margin-bottom:10px;font-size:1rem;color:var(--primary-color)}.info-point{background:#ffffff0d;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.info-label{font-weight:700;display:block;margin-bottom:3px;color:var(--primary-color)}.clock:active{transform:scale(.98);box-shadow:0 2px 10px #0003}.clock.pulse{animation:clockPulse 1s ease-out}@keyframes clockPulse{0%{transform:scale(1);box-shadow:0 4px 15px #0003;border-color:var(--glass-border)}50%{transform:scale(1.05);box-shadow:0 0 25px var(--primary-color);border-color:var(--primary-color)}to{transform:scale(1);box-shadow:0 4px 15px #0003;border-color:var(--glass-border)}}.additional-formats{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}.input-group.small-group{margin-bottom:0}.input-group.small-group:last-child{grid-column:span 2}.hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;border-radius:4px;transition:transform .05s cubic-bezier(.4,2.3,.3,1)}.hand.teleport{transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}.hour{width:4px;height:60px;background:var(--text-color);margin-left:-2px}.minute{width:3px;height:80px;background:var(--primary-color);margin-left:-1.5px}.second{width:2px;height:90px;background:var(--accent-color);margin-left:-1px}.center-dot{width:12px;height:12px;border-radius:50%;background:var(--primary-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.app-wrapper{display:flex;gap:20px;align-items:flex-start}.layout-column{flex:1;display:flex;flex-direction:column;gap:20px;min-width:300px;min-height:100px}.converter-box{min-width:0}.history-container{padding:20px;display:flex;flex-direction:column}.session-info{padding:20px}#sessionData{width:100%}@media(max-width:900px){.app-wrapper{flex-direction:column}.converter-box,.history-container{width:100%;min-width:0}}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.history-header h2{font-size:1.5rem;margin:0;background:linear-gradient(to right,var(--primary-color),var(--accent-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.history-header>div{display:flex;gap:10px;flex-shrink:0}.clear-btn{background:#ff6b6b33;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.clear-btn:hover{background:#ff6b6b4d;transform:translateY(-1px)}.history-grid-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:10px;background:#ffffff0d;border-radius:8px 8px 0 0;font-weight:600;color:var(--accent-color);font-size:.9rem}.history-grid-header div{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center}.history-grid-header div:hover{color:var(--text-color)}.history-grid-header div:after{content:"⇅";font-size:.8em;margin-left:5px;opacity:.3}.history-grid-header div.sort-asc:after{content:"▲";opacity:1;color:var(--primary-color)}.history-grid-header div.sort-desc:after{content:"▼";opacity:1;color:var(--primary-color)}.history-list{max-height:300px;overflow-y:auto;border-radius:0 0 8px 8px}.history-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:12px 10px;border-bottom:1px solid var(--glass-border);font-size:.9rem;transition:background .2s;animation:fadeIn .3s ease-in}.history-item:hover{background:#ffffff08;cursor:pointer}.history-item:last-child{border-bottom:none}.history-item .timestamp{color:var(--text-secondary);font-size:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#0000001a}.history-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#fff3}.spotify-panel{margin-top:20px}.spotify-panel h3{margin:0 0 10px;color:#1db954}.action-btn{width:100%;padding:10px;background:#1db954;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s}.action-btn:hover{background:#1ed760}.spotify-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.track-art{width:60px;height:60px;border-radius:8px;background:#0000004d;object-fit:cover;display:none;box-shadow:0 4px 10px #0000004d}.track-info{flex:1;min-width:0}.track-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.track-artist{color:var(--text-secondary);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;justify-content:center;gap:20px;margin-bottom:15px}.control-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:transform .1s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.control-btn:hover{background:#ffffff1a}.control-btn:active{transform:scale(.9)}.play-btn{font-size:2rem;background:#ffffff1a}.volume-container{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-secondary)}.volume-container input[type=range]{flex:1;height:4px;padding:0;margin:0;border:none;background:#fff3}.homey-panel{display:flex;flex-direction:column;height:500px;min-height:300px;overflow:hidden}.homey-panel h3{margin:0;color:#00c6fb}#homeyDashboard{display:flex;flex-direction:column;flex:1;min-height:0;padding:0;overflow:hidden}.tabs{display:flex;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.tab-btn{flex:1;background:none;border:none;color:var(--text-secondary);padding:10px;cursor:pointer;font-weight:600;border-bottom:2px solid transparent;transition:all .2s}.tab-btn.active{color:#fff;border-bottom-color:#00c6fb}.tab-content{display:none;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tab-content.active{display:flex}.scroll-list{flex:1;overflow-y:auto;padding-right:8px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,198,251,.5) rgba(255,255,255,.05)}.device-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:10px;margin-bottom:8px;border-radius:8px;transition:background .2s}.device-item:hover{background:#ffffff1a}.device-icon{margin-right:10px;font-size:1.2rem}.device-info{flex:1}.device-name{font-weight:600;font-size:.9rem}.device-class{font-size:.7rem;color:var(--text-secondary)}.toggle-switch{width:40px;height:20px;background:#fff3;border-radius:10px;position:relative;cursor:pointer;transition:background .2s}.toggle-switch.on{background:#00c6fb}.toggle-knob{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-switch.on .toggle-knob{transform:translate(20px)}.flow-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid rgba(255,255,255,.05)}.flow-name{font-size:.9rem}.play-flow-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#00c6fb;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.play-flow-btn:hover{background:#00c6fb;color:#fff;border-color:#00c6fb}.zone-group{border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:8px;background:#ffffff05;overflow:hidden}.zone-header{padding:12px 15px;background:#ffffff0d;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center;transition:background .2s;-webkit-user-select:none;user-select:none}.zone-header:hover{background:#ffffff1a}.zone-header:after{content:"▼";font-size:.8em;transition:transform .3s;opacity:.7}.zone-group.expanded .zone-header:after{transform:rotate(180deg)}.zone-content{display:none;padding:10px;background:#0000001a}.zone-group.expanded .zone-content{display:block;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drag-handle{position:relative;padding-left:20px;-webkit-user-select:none;user-select:none}.drag-handle:before{content:"⋮⋮";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff3;font-size:1.2rem;cursor:grab;letter-spacing:2px}.draggable-panel.dragging{opacity:.5;transform:scale(.98);box-shadow:0 10px 20px #0000004d}.search-container{position:relative;display:flex;align-items:center}#homeySearchClear{position:absolute;right:5px;background:none;border:none;color:#aaa;font-size:.8rem;cursor:pointer;line-height:1;padding:2px 4px;display:none}#homeySearchClear:hover{color:#fff}.homey-panel{resize:vertical}#homeyDashboard{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.scroll-list{flex:1;overflow-y:auto;min-height:0}.scroll-list::-webkit-scrollbar{width:6px}.scroll-list::-webkit-scrollbar-track{background:#0000001a}.scroll-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.weather-panel{display:flex;flex-direction:column;gap:15px;position:relative;min-height:200px}.weather-header{display:flex;justify-content:space-between;align-items:center}#cityName{margin:0;font-size:1.2rem;cursor:pointer}#weatherSearchToggle{cursor:pointer;opacity:.7;transition:opacity .2s}#weatherSearchToggle:hover{opacity:1}#weatherSearchOverlay{position:absolute;inset:0;background:#141414f2;z-index:10;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:12px}.search-results{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.city-result{padding:8px;background:#ffffff1a;border-radius:4px;cursor:pointer;font-size:.9rem}.city-result:hover{background:#fff3}.text-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:.8rem;align-self:center}.text-btn:hover{color:#fff}.weather-current{display:flex;align-items:center;justify-content:space-between;padding:0 10px}.weather-icon-large{font-size:3rem}.weather-temp{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.weather-wind{color:#aaa;font-size:.9rem}.weather-hourly{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.hour-item{display:flex;flex-direction:column;align-items:center;font-size:.8rem;gap:2px}.hour-time{color:#888}.hour-temp{font-weight:700}.weather-source{font-size:.7rem;color:#555;text-align:center;margin-top:5px}.app-grid{display:flex;gap:20px;align-items:flex-start;width:100%;overflow-x:auto}.layout-column{flex:1;display:flex;flex-direction:column;gap:20px;min-width:300px}.btn-group{display:flex;background:#0003;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.btn-group button{background:none;border:none;color:var(--text-secondary);padding:5px 10px;cursor:pointer;transition:all .2s;font-size:.9rem;border-right:1px solid rgba(255,255,255,.05)}.btn-group button:last-child{border-right:none}.btn-group button:hover{background:#ffffff0d;color:#fff}.btn-group button.active{background:var(--primary-color);color:#fff}#langSelector button{font-size:1.2rem;padding:2px 8px;filter:grayscale(.8)}#langSelector button.active{filter:grayscale(0);background:#ffffff26}#langSelector button:hover{filter:grayscale(0)}.session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;width:100%;justify-content:center;margin-top:15px}.info-card{background:#0000000d;border:1px solid var(--glass-border);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s}.light-mode .info-card{background:#fff6}.info-card:hover{background:rgba(var(--primary-rgb, 185, 41, 47),.1);border-color:var(--primary-color);transform:translateY(-2px)}.info-label{font-size:.75rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-value{font-size:.9rem;color:var(--text-color);word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#homeyDashboard .scroll-list{overflow-y:scroll!important;padding-right:4px}#homeyDashboard .scroll-list::-webkit-scrollbar{width:12px!important;height:12px!important}#homeyDashboard .scroll-list::-webkit-scrollbar-track{background:#ffffff1a!important;border-radius:6px}#homeyDashboard .scroll-list::-webkit-scrollbar-thumb{background:#00c6fb!important;border-radius:6px;border:2px solid #1a1a1a}#homeyDashboard .scroll-list::-webkit-scrollbar-thumb:hover{background:#005bea!important}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:10000;display:flex;justify-content:center;align-items:center;pointer-events:none;visibility:hidden;transition:background .6s ease,backdrop-filter .6s ease,visibility .6s}.fullscreen-overlay.active{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;visibility:visible}.large-clock{width:80vh!important;height:80vh!important;max-width:800px!important;max-height:800px!important;border-width:8px!important;background:#ffffff08!important;box-shadow:0 0 100px #00000080!important;opacity:0;transform:translate(var(--start-x, 0),var(--start-y, 0)) scale(var(--start-scale, .1));transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .4s ease;cursor:pointer}.fullscreen-overlay.active .large-clock{opacity:1;transform:translate(0) scale(1)}.fullscreen-overlay:not(.active) .large-clock{opacity:0;transform:translate(var(--start-x, 0),var(--start-y, 0)) scale(var(--start-scale, .1));transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .3s ease}.large-clock .number{font-size:5vh!important}.large-clock .hand.hour{width:12px!important;height:25vh!important;margin-left:-6px!important}.large-clock .hand.minute{width:8px!important;height:35vh!important;margin-left:-4px!important}.large-clock .hand.second{width:4px!important;height:38vh!important;margin-left:-2px!important}.large-clock .center-dot{width:40px!important;height:40px!important}.large-clock .tick{width:4px!important;height:30px!important;background:var(--text-secondary)!important}.weather-details{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem;font-size:.9rem;color:var(--text-secondary)}.detail-item{display:flex;align-items:center;gap:.5rem}.detail-item i{color:var(--primary-color)}.weather-env{display:flex;justify-content:center;gap:1.5rem;margin:1rem 0;padding:.75rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.light-mode .weather-env{background:#00000005;border-color:#0000000d}.env-item{font-size:.85rem;color:var(--text-secondary)}.aqi-badge{padding:2px 6px;border-radius:4px;font-weight:600;font-size:.8rem;background:#4caf50;color:#fff}.aqi-moderate{background:#ffeb3b;color:#333}.aqi-unhealthy-sensitive{background:#ff9800}.aqi-unhealthy{background:#f44336}.aqi-very-unhealthy{background:#9c27b0}.aqi-hazardous{background:#795548}.earth-panel{display:flex;flex-direction:column;height:400px;resize:vertical;overflow:hidden}#globeContainer{flex:1;width:100%;min-height:200px;background:#000;cursor:move}.fullscreen-globe{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999;border-radius:0!important;background:#000!important;resize:none!important}.fullscreen-globe #globeContainer{height:100vh!important}.fullscreen-globe #globeExitBtn{display:block!important}.fullscreen-globe #globeFullscreenBtn{display:none!important}#loginOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:20000;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease,visibility .5s}#loginOverlay.hidden{opacity:0;visibility:hidden;pointer-events:none;display:none!important}.login-box{width:100%;max-width:400px;padding:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 40px #00000080;text-align:center}.login-header h2{margin:0 0 10px;font-size:2rem;color:var(--primary-color)}.login-header p{color:var(--text-secondary);margin-bottom:30px}.login-error{background:#b9292f33;color:#ff6b6b;padding:10px;border-radius:8px;margin-bottom:20px;font-size:.9rem;display:none}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.9rem;cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #0003;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 15px #b9292f66}.user-avatar.hidden{display:none!important}.admin-panel{min-height:400px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h3{margin:0;color:gold}.user-table-container{overflow-x:auto;margin-top:15px}.user-table{width:100%;border-collapse:collapse;font-size:.9rem}.user-table th,.user-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.user-table th{color:var(--primary-color);font-weight:700}.user-table tr:hover{background:#ffffff0d}.edit-btn{background:#00c6fb1a;border:1px solid rgba(0,198,251,.3);color:#00c6fb;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.edit-btn:hover{background:#00c6fb33;transform:translateY(-1px)}.admin-badge{background:#ffd70033;color:gold;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.customize-overlay{z-index:1001}.customize-box{max-width:500px;width:90%;max-height:80vh;overflow-y:auto;padding:40px!important;text-align:center}.customize-box h2{margin-bottom:10px;color:var(--primary-color)}.panel-toggles{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;text-align:left}.toggle-item{background:#ffffff0d;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.toggle-item:hover{background:#ffffff1a;border-color:var(--primary-color)}.toggle-item label{display:flex;align-items:center;gap:10px;margin-bottom:0;cursor:pointer;font-size:.9rem;width:100%}.toggle-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}#adminPanel.hidden,.admin-panel.hidden,.panel-hidden{display:none!important}.user-editor-box{width:400px;max-width:90%;display:flex;flex-direction:column;align-items:center}.avatar-upload-container{position:relative;width:120px;height:120px;margin:20px auto;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid var(--primary-color);box-shadow:0 4px 15px #0000004d}.avatar-preview{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s;color:#fff}.avatar-upload-container:hover .upload-overlay{opacity:1}.upload-overlay i{font-size:1.5rem;margin-bottom:5px}.upload-overlay span{font-size:.8rem;font-weight:700}