@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap);:root,[data-theme=red]{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#161620;--bg-hover:#1a1a1a;--border-color:hsla(0, 0%, 100%, 0.05);--border-light:hsla(0, 0%, 100%, 0.1);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#ef4444;--accent-secondary:#f87171;--accent-glow:rgba(239, 68, 68, 0.3);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--online:#22c55e;--offline:#dc2626;--sidebar-width:72px;--sidebar-width-expanded:240px;--header-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow:0 4px 24px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.5);--transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.5s cubic-bezier(0.4, 0, 0.2, 1);--btn-text:#fff;--backdrop-blur:blur(12px)}[data-theme=fox],html:not([data-theme]){--accent-primary:#f97316;--accent-secondary:#fb923c;--accent-glow:rgba(249, 115, 22, 0.35);--danger:#f97316}[data-theme=fox] .main-content::after,html:not([data-theme]) .main-content::after{filter:brightness(0) saturate(100%) invert(55%) sepia(90%) saturate(500%) hue-rotate(360deg);opacity:.07}[data-theme=blue]{--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-glow:rgba(59, 130, 246, 0.3);--danger:var(--accent-primary)}[data-theme=green]{--accent-primary:#22c55e;--accent-secondary:#4ade80;--accent-glow:rgba(34, 197, 94, 0.3);--danger:var(--accent-primary)}[data-theme=yellow]{--accent-primary:#eab308;--accent-secondary:#facc15;--accent-glow:rgba(234, 179, 8, 0.3);--danger:var(--accent-primary);--btn-text:#000}[data-theme=orange]{--accent-primary:#f97316;--accent-secondary:#fb923c;--accent-glow:rgba(249, 115, 22, 0.3);--danger:var(--accent-primary)}[data-theme=pink]{--accent-primary:#ec4899;--accent-secondary:#f472b6;--accent-glow:rgba(236, 72, 153, 0.3);--danger:var(--accent-primary)}[data-theme=purple]{--accent-primary:#a855f7;--accent-secondary:#c084fc;--accent-glow:rgba(168, 85, 247, 0.3);--danger:var(--accent-primary)}[data-theme=indigo]{--accent-primary:#6366f1;--accent-secondary:#818cf8;--accent-glow:rgba(99, 102, 241, 0.3);--danger:var(--accent-primary)}[data-theme=cyan]{--accent-primary:#06b6d4;--accent-secondary:#22d3ee;--accent-glow:rgba(6, 182, 212, 0.3);--danger:var(--accent-primary)}[data-theme=emerald]{--accent-primary:#10b981;--accent-secondary:#34d399;--accent-glow:rgba(16, 185, 129, 0.3);--danger:var(--accent-primary)}[data-theme=amber]{--accent-primary:#f59e0b;--accent-secondary:#fbbf24;--accent-glow:rgba(245, 158, 11, 0.3);--danger:var(--accent-primary)}[data-theme=rose]{--accent-primary:#f43f5e;--accent-secondary:#fb7185;--accent-glow:rgba(244, 63, 94, 0.3);--danger:var(--accent-primary)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden;overflow-x:hidden}body{font-family:'Plus Jakarta Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:600;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.device-card-skeleton{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:20px;pointer-events:none}.device-card-skeleton .skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--border-light) 50%,var(--bg-tertiary) 100%);background-size:1000px 100%;animation:1.5s ease-in-out infinite shimmer}.device-card-skeleton .skeleton-line.header{width:70%;height:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.device-card-skeleton .skeleton-line.label{width:40%;margin-bottom:8px}.device-card-skeleton .skeleton-line.value{width:90%;margin-bottom:12px}.device-card-skeleton .skeleton-line.value:last-child{margin-bottom:0}.main-content{animation:.4s ease-out fadeIn}.device-card,.settings-card,.stat-card{animation:.5s ease-out both fadeIn}.settings-card:first-child{animation-delay:50ms}.settings-card:nth-child(2){animation-delay:.1s}.settings-card:nth-child(3){animation-delay:.15s}.settings-card:nth-child(4){animation-delay:.2s}.settings-card:nth-child(5){animation-delay:.25s}.settings-card:nth-child(6){animation-delay:.3s}.settings-card:nth-child(7){animation-delay:.35s}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:0 0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit}.preloader{position:fixed;top:env(safe-area-inset-top);left:env(safe-area-inset-left);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);width:100%;height:100%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;visibility:visible;transition:opacity .3s,visibility .3s;pointer-events:auto}.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}html.login-page-html,html:has(body.login-page){margin:0;padding:0;width:100%;height:100%;overflow:hidden}.login-page{margin:0;padding:0;min-height:100vh;width:100vw;display:block;position:relative;overflow:hidden;box-sizing:border-box}.login-container{position:fixed;inset:0;width:100vw;height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;margin:0;box-sizing:border-box;z-index:1}.login-box,.login-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:48px 40px}.login-card{padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow);flex-shrink:0}body.login-page .login-container{background:var(--bg-primary);padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.login-header{text-align:center;margin-bottom:40px}.login-logo-wrapper{display:flex;flex-direction:column;align-items:center}.login-logo-image{object-fit:contain;transition:transform var(--transition)}.login-logo-image:hover{transform:scale(1.05)}.login-header h1{font-size:32px;font-weight:700;letter-spacing:.2em;color:var(--accent-primary);text-transform:uppercase;margin:0}.login-logo{font-size:32px;font-weight:600;letter-spacing:8px;color:var(--accent-primary)}.login-subtitle{color:var(--text-secondary);margin-top:8px;font-size:13px;letter-spacing:2px}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative;animation:.4s ease-out fadeIn}.form-group label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px;transition:color var(--transition-fast)}.form-group:focus-within label{color:var(--accent-primary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);outline:0;transition:all var(--transition);font-size:14px;backdrop-filter:var(--backdrop-blur);position:relative}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.6;transition:opacity var(--transition-fast)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-light);background:var(--bg-secondary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 15%,transparent),0 4px 12px color-mix(in srgb,var(--accent-primary) 10%,transparent);background:var(--bg-secondary);transform:translateY(-1px)}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.4}.form-group textarea{min-height:100px;resize:vertical}.error-message{background:rgba(239,68,68,.1);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:12px 16px;color:var(--danger);font-size:13px;display:flex;align-items:center;gap:8px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-primary);padding:14px 24px;border-radius:10px;font-weight:500;transition:all var(--transition);box-shadow:0 3px 10px color-mix(in srgb,var(--accent-primary) 22%,transparent)}.login-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 90%,#000),var(--accent-primary));box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary) 35%,transparent),0 0 24px color-mix(in srgb,var(--accent-primary) 18%,transparent)}.login-btn:active{transform:scale(.98);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.success-message{background:rgba(34,197,94,.1);border:1px solid var(--success);color:var(--success);padding:12px;border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:8px}.message-icon{width:18px;height:18px;flex-shrink:0}.login-credit{text-align:center;margin-top:24px;color:var(--text-muted);font-size:12px;letter-spacing:.05em}.attempts-left{margin-bottom:16px;padding:10px 12px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.5);border-radius:var(--radius-md);color:#f59e0b;font-size:13px;text-align:center}.login-form-disabled .form-group input,.login-form-disabled .login-btn{pointer-events:none;opacity:.7}.login-btn svg{width:18px;height:18px}.login-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.bg-grid{width:100%;height:100%;background-image:linear-gradient(rgba(255,59,59,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,59,59,.03) 1px,transparent 1px);background-size:60px 60px}.app-container{display:flex;height:100vh;overflow:hidden}body.panel-open .app-container{overflow:hidden}.main-wrapper{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);min-height:0;overflow:hidden}.topbar{display:none}.page-index .topbar{display:flex;position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);padding:0 24px;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:90}.page-index .main-content{padding-top:calc(var(--header-height) + 16px)}.topbar-left{display:flex;align-items:center;gap:12px;min-height:40px}.topbar-logo{width:40px;height:40px;object-fit:contain;filter:brightness(1.1);display:block;flex-shrink:0}.topbar-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1;display:flex;align-items:center}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);transition:var(--transition)}.topbar-icon:hover{color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);box-shadow:0 0 20px var(--accent-glow)}.topbar-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light);margin-left:4px}.topbar-avatar-placeholder{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;margin-left:4px}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;transition:width var(--transition),box-shadow var(--transition),border-color var(--transition)}@media (min-width:769px){.sidebar:hover{width:100px;box-shadow:4px 0 32px rgba(0,0,0,.45),0 0 0 1px var(--border-light);border-right-color:color-mix(in srgb,var(--accent-primary) 25%,var(--border-color))}}.sidebar::-webkit-scrollbar{display:none}body.roles-pending .bottom-nav,body.roles-pending .sidebar-nav .nav-divider,body.roles-pending .sidebar-nav .nav-item,body.roles-pending .sidebar-nav .nav-label{opacity:0;pointer-events:none}.bottom-nav,.sidebar-nav .nav-divider,.sidebar-nav .nav-item,.sidebar-nav .nav-label{transition:opacity .1s}html.roles-ready body.roles-pending .bottom-nav,html.roles-ready body.roles-pending .sidebar-nav .nav-divider,html.roles-ready body.roles-pending .sidebar-nav .nav-item,html.roles-ready body.roles-pending .sidebar-nav .nav-label{opacity:1;pointer-events:auto}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color);align-items:center;justify-content:center;display:none}.logo-image{width:40px;height:40px;object-fit:contain;filter:brightness(1.1) saturate(1.2);transition:transform var(--transition)}.logo-image:hover{transform:scale(1.05)}.logo-fallback{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:var(--radius-md);color:#fff;font-weight:700;font-size:20px;transition:transform var(--transition)}.logo-fallback:hover{transform:scale(1.05)}.logo-text{font-size:20px;font-weight:700;letter-spacing:.2em;color:var(--accent-primary);text-transform:uppercase}.sidebar .logo-text{display:none}.sidebar .logo-fallback,.sidebar .logo-image{margin:0}.login-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.login-logo-image{width:80px;height:80px;object-fit:contain;filter:brightness(1.1) saturate(1.2)}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;align-items:center;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;justify-content:center;gap:12px;width:48px;height:48px;padding:0;border-radius:50%;color:var(--text-secondary);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition),color var(--transition);position:relative;overflow:hidden;box-shadow:none;border:1px solid transparent}.nav-item::before{content:none}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.08);border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-primary) 35%,transparent),0 0 20px var(--accent-glow)}.nav-item:active{transform:scale(.98);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-primary) 25%,transparent),0 0 12px var(--accent-glow)}.nav-item:focus-visible{box-shadow:0 0 0 2px var(--accent-primary),0 0 0 4px color-mix(in srgb,var(--accent-primary) 25%,transparent),0 0 20px var(--accent-glow)}.nav-item.active{background:var(--accent-primary);color:#fff;font-weight:600;box-shadow:0 0 28px var(--accent-glow),0 0 56px color-mix(in srgb,var(--accent-primary) 28%,transparent);border-left:3px solid var(--accent-primary);margin-left:-3px;padding-left:3px}.nav-item.active::before{transform:none}.nav-item--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.nav-item--disabled:hover{background:0 0;transform:none;box-shadow:none;border-color:transparent}.sidebar .nav-item span{display:none}.nav-icon{width:22px;height:22px;flex-shrink:0;margin:0}.nav-divider{height:1px;background:var(--border-color);margin:12px 0;width:32px;align-self:center}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:0 16px;margin-bottom:8px}.sidebar .nav-label{display:none}.sidebar-footer{padding:12px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;margin-top:auto}.sidebar-footer .user-details{display:none}.sidebar-footer .user-avatar{width:40px;height:40px;font-size:14px}.sidebar-footer .logout-btn{width:40px;height:40px;border-radius:50%}.user-info{flex:1;display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--text-primary);flex-shrink:0}.user-details{display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:500}.user-role{font-size:11px;color:var(--text-secondary);text-transform:capitalize}.logout-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-secondary);transition:all var(--transition)}.logout-btn:hover{background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-secondary));color:var(--accent-primary)}.logout-btn:active{transform:scale(.98)}.logout-btn svg{width:18px;height:18px}.app-container>.main-content{margin-left:var(--sidebar-width)}.page-builds .app-container>.main-content,.page-device-detail .app-container>.main-content,.page-devices .app-container>.main-content,.page-settings .app-container>.main-content{overflow-y:auto;overflow-x:hidden;padding-bottom:24px}.main-wrapper .main-content{margin-left:0;overflow-y:auto}.main-content{flex:1;padding:32px 40px 16px;min-height:0;position:relative;overflow-x:hidden;overflow-y:hidden}.main-content:has(.bg-fx){padding-bottom:24px;background-image:radial-gradient(ellipse 80% 60% at 50% 0,color-mix(in srgb,var(--accent-primary) 6%,transparent) 0,transparent 55%);background-repeat:no-repeat;background-position:top center}.main-content::after{content:'';position:absolute;bottom:-5%;right:-2%;width:420px;height:420px;background:url('assets/fox-logo.svg') center/contain no-repeat;opacity:.06;pointer-events:none;filter:brightness(0) saturate(100%) invert(58%) sepia(93%) saturate(500%) hue-rotate(360deg)}.main-content:has(.bg-fx)::after{display:none}.bg-fx{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-fx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.main-content>:not(.bg-fx){position:relative;z-index:1}.main-content-scroll{position:relative;min-height:100%;width:100%}.main-content-scroll>.bg-fx{inset:auto;top:-1.7%;left:-5%;right:auto;bottom:auto;width:115%;height:153%;min-height:153vh;background:linear-gradient(to bottom,color-mix(in srgb,var(--accent-primary) 6%,transparent) 0,color-mix(in srgb,var(--accent-primary) 3%,transparent) 40%,color-mix(in srgb,var(--accent-primary) 2%,var(--bg-primary)) 100%)}.page-devices .main-content-scroll{min-height:100%;height:100%}.page-devices .app-container>.main-content{padding-bottom:0;min-height:100%}.page-devices .main-content-scroll>.bg-fx{position:absolute;top:-5%;left:-40px;right:-40px;bottom:0;width:auto;height:105%;min-height:105%;z-index:0}.page-device-detail .main-content-scroll{min-height:0;height:auto;overflow:visible;padding-bottom:40px}.page-device-detail .main-content-scroll>.bg-fx{position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;width:auto;height:auto;min-height:0;z-index:0;pointer-events:none}.page-settings .main-content-scroll>.bg-fx{height:103%;min-height:unset}.page-settings .main-content{background-color:var(--bg-primary)}.main-content-scroll>:not(.bg-fx){position:relative;z-index:1}.page-header{margin-bottom:28px;display:flex;align-items:flex-start;justify-content:space-between}.page-header>div{flex:1}.page-header h1{font-size:28px;font-weight:700;margin-bottom:4px;color:var(--text-primary);letter-spacing:-.02em}.page-header p{color:var(--text-secondary);font-size:14px;margin:0}.welcome-block{margin-bottom:28px;position:relative}.welcome-block::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-primary) 18%,transparent),transparent);opacity:.9;border-radius:1px}.welcome-title{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.02em;line-height:1.2;text-shadow:0 0 40px color-mix(in srgb,var(--accent-primary) 12%,transparent)}.welcome-subtitle{font-size:15px;font-weight:600;color:var(--text-secondary);margin:0}.welcome-subtitle #welcomeAccount{color:var(--accent-primary);font-weight:600}.header-back{display:flex;align-items:center;gap:16px}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;color:var(--text-secondary);transition:all var(--transition)}.back-btn:hover{background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);color:var(--text-primary)}.back-btn:active{transform:scale(.98)}.back-btn svg{width:18px;height:18px}.device-id-text{font-size:12px;color:var(--text-muted);font-family:monospace}.device-id-text.copyable{cursor:pointer;transition:color .2s,background .2s;padding:2px 6px;border-radius:4px}.device-id-text.copyable:hover{color:#3b82f6;background:rgba(59,130,246,.1)}.copyable-value{cursor:pointer;transition:color .2s,background .2s;padding:2px 6px;border-radius:4px;margin:-2px -6px}.copyable-value:hover{color:#3b82f6;background:rgba(59,130,246,.1)}.copyable-value:active{transform:scale(.98)}.header-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.main-content .stats-grid{grid-template-columns:repeat(3,1fr)}.telegram-section-content{background:rgba(22,22,32,.6);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:22px 24px 24px;backdrop-filter:var(--backdrop-blur)}.telegram-section-header{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.telegram-section-header .section-title-with-icon{margin-bottom:0}.telegram-section-header .section-title-with-icon h2{font-size:17px;font-weight:600}.telegram-links{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:640px){.telegram-links{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.telegram-links{grid-template-columns:1fr}}.telegram-link{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:52px;background:rgba(10,10,15,.5);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);text-decoration:none;transition:.25s;position:relative;overflow:hidden}.telegram-link::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0,rgba(255,255,255,.02) 100%);opacity:0;transition:opacity .2s}.telegram-link:hover::before{opacity:1}.telegram-link:hover{border-color:rgba(59,130,246,.3);transform:translateX(1px);background:rgba(10,10,15,.7);box-shadow:0 4px 16px rgba(0,0,0,.25)}.telegram-link:first-child:hover{border-color:color-mix(in srgb,var(--accent-primary) 50%,transparent)}.telegram-link:nth-child(2):hover{border-color:rgba(16,185,129,.3)}.telegram-link:nth-child(3):hover{border-color:rgba(139,92,246,.3)}.telegram-link-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-primary) 18%,transparent);border-radius:var(--radius-lg);color:var(--accent-primary);flex-shrink:0;transition:.2s}.telegram-link:hover .telegram-link-icon{transform:scale(1.05)}.telegram-link-icon-green{background:rgba(16,185,129,.1);color:#34d399}.telegram-link-icon-purple{background:rgba(139,92,246,.1);color:#a78bfa}.telegram-link span{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);transition:color .2s}.telegram-link:hover span{color:var(--text-primary)}.telegram-link .arrow-icon{color:var(--text-muted);flex-shrink:0;transition:.2s;opacity:.5}.telegram-link:hover .arrow-icon{opacity:1;transform:translateX(2px);color:var(--text-primary)}.telegram-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.telegram-link[href="#"]{opacity:.65;pointer-events:none;cursor:default}.telegram-link:first-child:hover .arrow-icon{color:var(--accent-primary)}.telegram-link:nth-child(2):hover .arrow-icon{color:#34d399}.telegram-link:nth-child(3):hover .arrow-icon{color:#a78bfa}.section-title-with-icon{display:flex;align-items:center;gap:8px;margin-bottom:16px}.section-title-with-icon h2{margin:0;font-size:16px;font-weight:500;color:var(--text-primary)}.section-title-with-icon svg{flex-shrink:0}.empty-activity{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-muted);text-align:center}.empty-activity svg{margin-bottom:16px;opacity:.45;color:var(--text-muted)}.empty-activity p{font-size:14px;margin:0;color:var(--text-muted)}.recent-activity-list{max-height:200px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none!important;-ms-overflow-style:none!important}.recent-activity-list::-webkit-scrollbar{display:none!important;width:0;height:0}.recent-activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color);font-size:13px;gap:12px}.recent-activity-item:last-child{border-bottom:none}.recent-activity-action{color:var(--text-primary);font-weight:500;flex:1;min-width:0}.recent-activity-meta{color:var(--text-muted);font-size:12px;flex-shrink:0}.stat-card{background:rgba(22,22,32,.6);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;display:flex;align-items:center;gap:20px;transition:all var(--transition);position:relative;backdrop-filter:var(--backdrop-blur)}.stat-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-primary) 15%,transparent),0 4px 12px rgba(0,0,0,.3)}.stat-card:first-child{border-color:color-mix(in srgb,var(--accent-primary) 35%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-primary) 25%,transparent),0 4px 24px color-mix(in srgb,var(--accent-primary) 14%,transparent),0 0 40px color-mix(in srgb,var(--accent-primary) 8%,transparent)}.stat-card:first-child:hover{box-shadow:0 0 28px var(--accent-glow),0 8px 32px color-mix(in srgb,var(--accent-primary) 22%,transparent),0 0 48px color-mix(in srgb,var(--accent-primary) 12%,transparent)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-icon-total{background:rgba(239,68,68,.1);color:var(--accent-primary)}.stat-icon-online{background:rgba(34,197,94,.1);color:var(--success)}.stat-icon-offline{background:rgba(107,114,128,.1);color:var(--offline)}.stat-icon-sms{background:rgba(168,85,247,.1);color:#a855f7}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}.stat-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-top:4px}.stat-sublabel{font-size:12px;color:var(--text-muted);margin-top:2px;font-weight:500}.page-index .stats-grid,.section{margin-bottom:32px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2{font-size:16px;font-weight:600;color:var(--accent-primary)}.section-title-with-icon h2{color:var(--accent-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none;position:relative;overflow:hidden;transition:all var(--transition);transform:translateY(0);will-change:transform,box-shadow}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active::before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--btn-text);box-shadow:0 3px 10px color-mix(in srgb,var(--accent-primary) 22%,transparent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary) 35%,transparent),0 0 24px color-mix(in srgb,var(--accent-primary) 18%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 90%,#000),var(--accent-primary))}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);backdrop-filter:var(--backdrop-blur);box-shadow:0 0 0 1px hsla(0,0%,100%,.03) inset}.btn-secondary:hover{background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-tertiary));border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.04) inset}.btn-secondary:active{transform:translateY(0) scale(.98)}.btn-danger{background:color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--accent-primary);border:1px solid var(--accent-primary);backdrop-filter:var(--backdrop-blur)}.btn-danger:hover{background:var(--accent-primary);color:var(--btn-text,#fff);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary) 40%,transparent),0 0 20px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.btn-danger:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:hover{transform:none!important;box-shadow:none!important}.btn-sm,.btn-small{padding:6px 12px;font-size:12px}.table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:auto;max-height:350px}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:14px 16px;text-align:left}.data-table th{background:var(--bg-tertiary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.data-table td{border-bottom:1px solid var(--border-color);font-size:13px}.data-table tbody tr{transition:background var(--transition);cursor:pointer}.data-table tbody tr:hover{background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-secondary))}.data-table tbody tr:last-child td{border-bottom:none}.text-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-id{color:var(--text-secondary)}.empty-state{text-align:center;color:var(--text-muted);padding:40px!important}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.online{background:rgba(34,197,94,.1);color:var(--success)}.status-badge.offline{background:rgba(107,114,128,.1);color:var(--offline)}.status-badge.large{padding:8px 16px;font-size:13px}.toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 16px;flex:1;max-width:400px;transition:.2s}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 10%,transparent)}.search-box svg{width:18px;height:18px;color:var(--text-muted)}.search-box input{flex:1;background:0 0;border:none;color:var(--text-primary);outline:0}.filter-group{display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px}.filter-btn{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:.2s;cursor:pointer;border:1px solid transparent;background:0 0}.filter-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-tertiary));border-color:var(--border-light)}.filter-btn.active{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light)}.filter-btn:active{transform:scale(.98)}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.device-card{display:block;position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:20px;cursor:pointer;transition:.2s;text-decoration:none;color:inherit;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;letter-spacing:.02em}.device-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent);transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-primary) 15%,transparent),0 4px 12px rgba(0,0,0,.3);background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-tertiary))}.device-card.selected{border-color:var(--danger);background:rgba(239,68,68,.1)}.device-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.device-card-header-left{display:flex;align-items:center;gap:10px;min-height:20px}.device-card-header-left .device-offline-dot,.device-card-header-left .device-online-dot{flex-shrink:0;vertical-align:middle}.device-card-header .device-id{font-family:Inter,-apple-system,sans-serif;font-weight:800;font-size:15px;color:var(--text-primary);letter-spacing:.03em;line-height:1.25;display:inline-block;vertical-align:middle}.device-id-copy{cursor:pointer;padding:2px 4px;margin:-2px -4px;border-radius:4px;transition:background .2s,color .2s}.device-id-copy:hover{background:rgba(255,255,255,.08);color:var(--accent-primary)}.device-id-copy.device-id-copied{color:var(--online)}.device-card-header .device-status{line-height:1.25;flex-shrink:0}.device-card-body{display:flex;flex-direction:column;gap:12px}.device-card-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.device-card-btn{flex:1;min-width:100px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;text-align:center;text-decoration:none;transition:.2s;border:1px solid transparent}.device-card-btn-bank{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--btn-text,#fff);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.device-card-btn-bank:hover{transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--accent-primary) 35%,transparent)}.device-card-btn-mfo{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.device-card-btn-mfo:hover{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-tertiary));color:var(--accent-primary)}.device-status{font-size:13px;font-weight:600;letter-spacing:.02em}.device-status.online{color:var(--online)}.device-status.offline{color:var(--offline)}.device-info-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.device-info-item .info-label{color:var(--text-muted);font-weight:600}.device-info-item .info-value{color:var(--text-primary);font-weight:700}.device-id{font-size:12px;color:var(--text-muted);font-family:'Courier New',monospace}.device-checkbox{position:absolute;top:10px;left:10px;z-index:10;cursor:pointer}.device-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--danger)}.device-checkbox .checkmark{display:none}.admin-actions{display:flex;gap:10px;align-items:center}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-tertiary));border-color:var(--border-light)}#deleteSelectedBtn{display:inline-flex;align-items:center}.device-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.offline{background:var(--offline)}.device-model{font-weight:500;flex:1}.device-tag{font-size:11px;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary)}.device-id-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);margin-bottom:16px;font-family:monospace}.copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);flex-shrink:0;margin-left:auto}.copy-btn:hover{background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-tertiary));color:var(--text-primary);border-color:var(--accent-primary)}.copy-btn:active{transform:scale(.98)}.open-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all var(--transition);margin-left:auto;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.open-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 90%,#000),var(--accent-primary));box-shadow:0 4px 14px color-mix(in srgb,var(--accent-primary) 30%,transparent)}.open-btn:active{transform:scale(.98)}.device-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;flex-direction:column;gap:4px;position:relative}.info-item .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-item .value{font-size:13px;color:var(--text-secondary)}.info-item .copy-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px}.info-item .copy-btn:active{transform:translateY(-50%) scale(.98)}.device-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.last-seen{font-size:12px;color:var(--text-muted)}.empty-state-card{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary);text-align:center}.empty-state-card svg{width:48px;height:48px;margin-bottom:16px;opacity:.5;color:var(--text-muted)}.empty-state-card p{font-size:14px;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.detail-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;max-height:280px;overflow-y:auto}.apps-grid::-webkit-scrollbar,.detail-section::-webkit-scrollbar,.info-list.scrollable::-webkit-scrollbar,.tab-content::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:6px}.apps-grid::-webkit-scrollbar-track,.detail-section::-webkit-scrollbar-track,.info-list.scrollable::-webkit-scrollbar-track,.tab-content::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.apps-grid::-webkit-scrollbar-thumb,.detail-section::-webkit-scrollbar-thumb,.info-list.scrollable::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.apps-grid::-webkit-scrollbar-thumb:hover,.detail-section::-webkit-scrollbar-thumb:hover,.info-list.scrollable::-webkit-scrollbar-thumb:hover,.tab-content::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.detail-section.full-width{grid-column:1/-1}.detail-section.no-scroll{max-height:none;overflow:visible}.detail-section.compact{max-height:150px}.detail-section h3{font-size:14px;font-weight:500;margin-bottom:20px;color:var(--text-secondary)}.info-list{display:flex;flex-direction:column;gap:12px;overflow:visible}.info-list.scrollable{max-height:200px;overflow-y:auto;padding-right:8px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-row .label{font-size:13px;color:var(--text-muted)}.info-row .value{font-size:13px}.status-svg{width:20px;height:20px;flex-shrink:0}.status-svg.success{color:#22c55e}.status-svg.error{color:#ef4444}.sms-status-icon{display:flex;align-items:center;margin-left:auto;margin-right:8px}.sms-svg{width:18px;height:18px}.sms-svg.success{color:#22c55e}.sms-svg.error{color:#ef4444;opacity:.6}.tag-form-wrapper{display:flex;gap:8px;align-items:center}.tag-input{flex:1;min-width:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);outline:0;font-size:13px}.tag-input:focus{border-color:var(--accent-primary)}.btn-save-tag{flex-shrink:0;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center}.btn-save-tag svg{width:18px;height:18px}.tag-form{display:flex;gap:12px}.tag-form input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);outline:0}.tag-form input:focus{border-color:var(--accent-primary)}.log-status-box{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.log-info{display:flex;flex-direction:column;gap:8px}.log-status{font-weight:500;text-transform:capitalize}.log-status.taken{color:var(--warning)}.log-status.success{color:var(--success)}.log-status.failed{color:var(--danger)}.log-amount,.log-by{font-size:13px;color:var(--text-secondary)}.sms-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 150px;gap:16px}.tabs-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid var(--border-color)}.tab-btn{padding:16px 24px;font-size:13px;color:var(--text-secondary);transition:all var(--transition);border-bottom:2px solid transparent;margin-bottom:-1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.tab-content{display:none;padding:24px;max-height:400px;overflow-y:auto}.tab-content.active{display:block}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:350px;overflow-y:auto;padding-right:8px}.app-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:12px 16px}.app-name{display:block;font-size:13px;margin-bottom:4px}.app-package{display:block;font-size:11px;color:var(--text-muted)}.device-link{color:var(--accent-primary);font-family:monospace;font-size:12px}.device-link:hover{text-decoration:underline}.role-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.role-badge.admin{background:var(--danger);color:var(--text-primary)}.role-badge.worker{background:rgba(107,114,128,.3);color:var(--text-secondary);border:1px solid var(--border-color)}.role-badge.builder{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.user-avatar-small{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--text-primary);flex-shrink:0}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:0 0;border:1px solid var(--border-light);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;padding:0}.action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-primary)}.action-btn:active{transform:scale(.98)}.action-btn.edit-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.action-btn.delete-btn:hover{border-color:var(--danger);color:var(--danger);background:rgba(239,68,68,.1)}.role-selector{display:flex;gap:12px}.role-btn{flex:1;padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:.2s;cursor:pointer}.role-btn:hover{background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-tertiary));border-color:var(--border-light)}.role-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 10%,transparent)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-slow);pointer-events:none}.modal.active{opacity:1;visibility:visible;pointer-events:auto;animation:.3s ease-out fadeIn}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:440px;margin:20px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05);transform:scale(.9) translateY(20px);transition:all var(--transition);backdrop-filter:var(--backdrop-blur);animation:.3s cubic-bezier(.34,1.56,.64,1) both scaleIn}.modal.active .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:16px;font-weight:500;color:var(--text-primary)}.modal-info{padding:12px 16px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);color:#60a5fa;font-size:13px;text-align:center;margin-bottom:20px}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:var(--text-primary);transition:all var(--transition);cursor:pointer;border-radius:var(--radius-sm)}.modal-close:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.modal-content form{padding:24px;display:flex;flex-direction:column;gap:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.modal-actions .btn{padding:12px 24px;font-size:14px;font-weight:500;border-radius:var(--radius-md);transition:.2s;cursor:pointer;border:none}.modal-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-actions .btn-secondary:hover{background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-tertiary));border-color:var(--border-light)}.modal-actions .btn-primary{background:var(--accent-primary);color:var(--text-primary)}.modal-actions .btn-primary:hover{background:color-mix(in srgb,var(--accent-primary) 90%,#000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.modal-actions .btn-danger{background:var(--accent-primary);color:var(--btn-text,#fff)}.modal-actions .btn-danger:hover{background:color-mix(in srgb,var(--accent-primary) 90%,#000);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.mass-sms-coming .mass-sms-coming-body{padding:24px;text-align:center}.mass-sms-coming-text{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.mass-sms-coming-desc{font-size:14px;color:var(--text-muted);margin:0 0 20px;line-height:1.5}.mass-sms-coming-badges{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.mass-sms-badge{padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600}.mass-sms-badge-online{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb,var(--accent-primary) 40%,transparent)}.mass-sms-badge-offline{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted);border:1px solid var(--border-color)}.mass-sms-coming .btn-primary{min-width:140px}.settings-telegram-block{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.settings-telegram-links{display:flex;flex-direction:column;gap:14px}.settings-telegram-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:.2s}.settings-telegram-row:hover{border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent);box-shadow:0 2px 12px color-mix(in srgb,var(--accent-primary) 8%,transparent)}.settings-telegram-label{flex:0 0 120px;font-size:13px;font-weight:600;color:var(--text-secondary)}.settings-telegram-input{flex:1;min-width:0;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;transition:border-color .2s}.settings-telegram-input:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.settings-telegram-input::placeholder{color:var(--text-muted);opacity:.7}.settings-telegram-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);color:#fff;text-decoration:none;transition:.2s;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary) 30%,transparent)}.settings-telegram-link:hover{transform:translateY(-2px);box-shadow:0 4px 14px color-mix(in srgb,var(--accent-primary) 40%,transparent);color:#fff}.settings-telegram-link[href=""],.settings-telegram-link[href="#"]{opacity:.5;pointer-events:none}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.settings-toggle-label{font-size:14px;font-weight:500;color:var(--text-primary)}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:26px;transition:.25s}.toggle-slider::before{content:'';position:absolute;height:20px;width:20px;left:2px;bottom:2px;background:var(--text-muted);border-radius:50%;transition:.25s}.toggle-switch input:checked+.toggle-slider{background:color-mix(in srgb,var(--accent-primary) 25%,var(--bg-tertiary));border-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(22px);background:var(--accent-primary)}@media (max-width:600px){.settings-telegram-row{flex-wrap:wrap}.settings-telegram-label{flex:1 1 100%}}.settings-grid{display:grid;gap:24px}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px}.settings-section h3{font-size:14px;font-weight:500;margin-bottom:24px;color:var(--text-secondary)}.settings-section .section-desc{font-size:13px;color:var(--text-muted);margin-bottom:16px;line-height:1.5}.settings-section form{display:flex;flex-direction:column;gap:20px}.danger-actions{display:flex;flex-direction:column;gap:16px}.danger-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.danger-info{display:flex;flex-direction:column;gap:4px}.danger-title{font-size:14px}.danger-desc{font-size:12px;color:var(--text-muted)}.mobile-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:200;width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer}.mobile-menu-btn svg{width:24px;height:24px}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:99;opacity:0;transition:opacity .3s;pointer-events:none}.mobile-overlay.active{opacity:1;pointer-events:auto}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.detail-grid,.devices-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:24px}.apps-grid,.teams-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){body,html{overflow-x:hidden}.mobile-menu-btn{display:flex;top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left))}.mobile-overlay{display:block;pointer-events:none}.mobile-overlay.active{pointer-events:auto}.sidebar{width:min(280px,85vw);transform:translateX(-100%);transition:transform .3s;z-index:150;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-bottom:env(safe-area-inset-bottom)}.sidebar.open{transform:translateX(0)}.sidebar.open .nav-item span{display:inline}.mobile-menu-btn.hidden{opacity:0;pointer-events:none}.page-index .topbar{left:0;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-top:env(safe-area-inset-top)}.main-wrapper{margin-left:0}.main-content{margin-left:0;padding:calc(70px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.main-content::after{opacity:.04;width:280px;height:280px;bottom:-10%}.bg-fx-fox{width:min(75vw,520px);height:min(75vw,520px);bottom:0;right:0;opacity:.35;background-position:right bottom;background-size:contain}.bg-fx-ash span:nth-child(n+15){display:none}.topbar{padding:0 16px}.topbar-title{font-size:16px}.page-header{margin-bottom:20px}.page-header h1{font-size:20px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:24px}.devices-grid{grid-template-columns:1fr;gap:12px}.device-card{padding:16px}.device-info-grid{grid-template-columns:1fr;gap:8px}.form-row{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.search-box{max-width:none}.filter-group{width:100%;justify-content:center}.filter-btn{flex:1;justify-content:center;text-align:center;padding:10px 8px;font-size:12px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;border-radius:0}.table-container::after{content:'← Прокрутите →';display:block;text-align:center;font-size:11px;color:var(--text-muted);padding:8px;background:var(--bg-tertiary)}.data-table{min-width:550px}.data-table td,.data-table th{padding:10px 8px;font-size:12px;white-space:nowrap}.data-table .device-id{max-width:100px;overflow:hidden;text-overflow:ellipsis}.text-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-section{padding:16px}.header-back{flex-direction:column;align-items:flex-start;gap:12px}.back-btn{width:36px;height:36px}.header-actions{flex-wrap:wrap}.tabs-header{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{font-size:12px;white-space:nowrap;flex-shrink:0}.tab-content{padding:16px}.apps-grid{grid-template-columns:1fr}.sms-form .btn{width:100%}.log-slots-container{flex-direction:column}.teams-grid{grid-template-columns:1fr}.team-stats{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.team-stat .stat-value{font-size:1.2rem}.team-actions{flex-direction:column}.team-actions .btn{width:100%}.modal-content{margin:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));max-height:90vh;overflow-y:auto}.info-item .copy-btn{min-width:44px;min-height:44px;width:44px;height:44px}.data-table .btn-sm,.data-table .btn-small{min-height:44px;padding:10px 12px}.api-key-action-btn{min-width:44px;min-height:44px;width:44px;height:44px}.detail-back{min-height:44px;padding:10px 16px;display:inline-flex;align-items:center}.detail-tab,.tab-btn{min-height:44px;padding:12px 16px}.slot-take-btn{min-height:44px;padding:10px 16px}.info-item{padding-right:52px}.detail-header{flex-wrap:wrap;gap:12px}.detail-header .detail-actions{width:100%;flex-wrap:wrap;gap:8px}.detail-header .detail-actions .btn{min-height:44px;flex:1;min-width:120px}.login-box{padding:32px 24px}.login-logo{font-size:24px;letter-spacing:6px}.settings-section{padding:16px}.danger-item{flex-direction:column;gap:12px;text-align:center}}@media (max-width:400px){.main-content{padding:calc(70px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.stat-card{padding:14px;gap:12px}.stat-icon{width:40px;height:40px}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:20px}.stat-label{font-size:11px}.device-card{padding:12px}.device-model{font-size:14px}.filter-btn{padding:8px 6px;font-size:11px}.btn{padding:10px 14px;font-size:12px}.team-stats{grid-template-columns:1fr 1fr 1fr}.team-stat .stat-value{font-size:1rem}.team-stat .stat-label{font-size:.65rem}.page-header h1{font-size:18px}.page-header p{font-size:12px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header .btn{width:100%}.theme-color-grid{gap:6px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.tag-form-wrapper{flex-direction:column}.btn-save-tag{width:100%;height:auto;padding:12px}.archive-header{flex-direction:column;align-items:flex-start;gap:8px}.sms-archive-text{font-size:10px;padding:12px}}@media (max-width:768px) and (orientation:landscape){.main-content{padding:60px 16px 16px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{padding:12px}.stat-value{font-size:20px}}@media (hover:none) and (pointer:coarse){.device-card:hover,.stat-card:hover,.team-card:hover,.telegram-link:hover{transform:none}.btn{min-height:44px}.nav-item{min-height:48px}.filter-btn{min-height:44px}.tab-btn{min-height:48px}}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.team-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition)}.team-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.team-header{margin-bottom:20px}.team-name{display:block;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.team-url{display:block;font-size:.85rem;color:var(--text-secondary)}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.team-stat{text-align:center}.team-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.team-stat .stat-label{display:block;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.team-actions{display:flex;gap:10px;flex-wrap:wrap}.team-actions .btn{flex:1;min-width:100px;text-align:center;padding:10px 16px;font-size:.85rem}.team-actions .btn-small{flex:0;min-width:auto;padding:10px 14px}.log-slots-section{min-width:280px}.log-slots-container{display:flex;gap:12px;margin-bottom:12px}.log-slot{flex:1;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px;text-align:center;border:1px solid var(--border-color)}.slot-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.slot-icon{width:24px;height:24px}.slot-icon.bank-icon{color:#3b82f6}.slot-icon.mfo-icon{color:#f59e0b}.slot-name{font-weight:600;font-size:14px;color:var(--text-primary)}.slot-taken{display:flex;flex-direction:column;align-items:center;gap:8px}.slot-owner{font-size:12px;color:var(--success);background:rgba(34,197,94,.1);padding:4px 12px;border-radius:20px;font-weight:500}.btn-take-slot{width:100%;padding:8px 16px;font-size:13px}.btn-take-slot:disabled{opacity:.5;cursor:not-allowed}.log-limit-info{text-align:center;font-size:12px;color:var(--text-muted);margin-top:8px}.btn-danger{background:var(--accent-primary);color:var(--btn-text,#fff)}.btn-danger:hover{background:color-mix(in srgb,var(--accent-primary) 90%,#000)}.device-log-slots{display:flex;gap:6px;margin-top:8px}.device-slot-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500}.device-slot-badge.bank{background:rgba(59,130,246,.15);color:#60a5fa}.device-slot-badge.mfo{background:rgba(245,158,11,.15);color:#fbbf24}.device-slot-badge.free{background:var(--bg-tertiary);color:var(--text-muted)}.slot-badge-icon{width:14px;height:14px;flex-shrink:0}.archive-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.archive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.archive-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.archive-info{font-size:12px;color:var(--text-muted)}.sms-archive-text{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;font-family:Monaco,Consolas,monospace;font-size:12px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto}.toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-xl);min-width:280px;max-width:400px;pointer-events:auto;opacity:0;transform:translateX(400px);transition:.3s cubic-bezier(.16, 1, .3, 1);box-shadow:0 10px 40px rgba(0,0,0,.4);backdrop-filter:blur(8px)}.toast.show{opacity:1;transform:translateX(0)}.toast-success{background:rgba(16,185,129,.95);border:1px solid rgba(16,185,129,.3);color:#d1fae5}.toast-error{background:rgba(239,68,68,.95);border:1px solid rgba(239,68,68,.3);color:#fee2e2}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:0 0;border:none;cursor:pointer;opacity:.7;transition:opacity .2s;flex-shrink:0}.toast-close:hover{opacity:1}.toast-close svg{width:16px;height:16px}@media (max-width:640px){.toast-container{bottom:calc(16px + env(safe-area-inset-bottom));left:calc(16px + env(safe-area-inset-left));right:calc(16px + env(safe-area-inset-right))}.toast{min-width:auto;max-width:none;width:100%}}.page-settings .settings-grid{display:flex;flex-direction:column;gap:16px;margin-top:16px}.settings-save-bar{margin-top:20px}.settings-save-btn{width:100%}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;transition:all var(--transition);box-shadow:none}.settings-card:hover{border-color:var(--border-light);box-shadow:none}.settings-card-header{margin-bottom:20px}.settings-card-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.settings-card--compact{padding:12px 18px}.settings-card--compact .settings-card-header{margin-bottom:10px}.settings-card--compact .settings-card-content{gap:6px}.settings-card-desc{font-size:13px;color:var(--text-muted);margin:0}.settings-card-content{display:flex;flex-direction:column;gap:16px}.settings-card-content--sections{gap:24px}.settings-card-section{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.settings-card-block{display:flex;flex-direction:column;gap:12px}.settings-card-block .settings-card-section{margin-bottom:4px}.form-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}.settings-card-note{font-size:12px;color:var(--text-muted);margin:0;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.form-group--main label{font-weight:600}.form-group--main input{font-size:14px}.settings-card--disabled{opacity:.75;pointer-events:none}.settings-card--disabled .settings-card-content{pointer-events:none}.settings-stub{font-size:14px;font-weight:600;color:var(--text-muted);margin:0;padding:16px 0}.settings-card-form-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.api-key-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;transition:all var(--transition)}.api-key-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.api-key-input{flex:1;background:0 0;border:none;color:var(--text-primary);font-size:14px;font-family:Monaco,Consolas,monospace;outline:0;padding:0}.api-key-input::placeholder{color:var(--text-muted)}.api-key-actions{display:flex;gap:4px}.api-key-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:0 0;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.api-key-action-btn:hover{background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-tertiary));color:var(--accent-primary)}.chat-id-input{width:100%;margin-bottom:12px}.chat-id-input:last-of-type{margin-bottom:0}.theme-color-grid{display:flex;flex-wrap:wrap;gap:8px}.theme-color-btn{width:32px;height:32px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;flex-shrink:0}.theme-color-btn:hover{transform:scale(1.15);border-color:var(--border-light);box-shadow:0 4px 12px rgba(0,0,0,.4)}.theme-color-btn svg{opacity:0;transition:opacity var(--transition);width:14px;height:14px}.theme-color-btn:has(svg) svg{opacity:1}.sound-options{display:flex;flex-direction:column;gap:8px}.sound-option{display:block;cursor:pointer}.sound-radio{display:none}.sound-option-content{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition);position:relative}.sound-option:hover .sound-option-content{border-color:var(--border-light);background:color-mix(in srgb,var(--accent-primary) 5%,var(--bg-tertiary))}.sound-radio:checked+.sound-option-content{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.sound-option-content svg:first-child{color:var(--text-secondary);flex-shrink:0}.sound-option-content span{flex:1;color:var(--text-primary);font-size:14px;font-weight:500}.sound-check{color:var(--accent-primary);flex-shrink:0}.danger-zone-note{font-size:12px;color:var(--text-muted);margin-top:8px;margin-bottom:0}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-grid>.settings-card:nth-child(3),.settings-grid>.settings-card:nth-child(4){grid-column:span 1}.theme-color-grid{gap:6px}.api-key-actions{flex-wrap:wrap;gap:8px}}