@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono&display=swap";@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.login-page{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:DM Sans,system-ui,sans-serif;display:flex}.login-box{width:100%;max-width:400px;animation:.4s fadeUp}.login-logo{text-align:center;margin-bottom:40px}.login-logo-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:26px;animation:3s infinite pulse;display:flex;box-shadow:0 4px 20px #10b98159}.login-logo-title{color:#fff;letter-spacing:-.5px;font-size:26px;font-weight:800}.login-logo-subtitle{color:#64748b;margin-top:4px;font-size:13px}.login-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:32px;box-shadow:0 20px 60px #0006}.login-card h2{color:#fff;margin:0 0 6px;font-size:18px;font-weight:700}.login-card p{color:#64748b;margin:0 0 28px;font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.login-label{color:#94a3b8;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-input{color:#fff;box-sizing:border-box;background:#0f172a;border:1.5px solid #334155;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:DM Sans,system-ui,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.login-input::placeholder{color:#475569}.password-wrapper{position:relative}.show-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.show-btn:hover{color:#94a3b8}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.login-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-family:DM Sans,system-ui,sans-serif;font-size:15px;font-weight:700;transition:opacity .2s,transform .1s}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-hint{text-align:center;color:#334155;margin-top:20px;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dashboard{background:#f8fafc;min-height:100vh;font-family:DM Sans,system-ui,sans-serif}.content-area{max-width:1280px;margin:0 auto;padding:24px 28px}.header{color:#fff;background:#0f172a;padding:0 28px}.header-inner{justify-content:space-between;align-items:center;max-width:1280px;height:60px;margin:0 auto;display:flex}.header-logo{align-items:center;gap:10px;display:flex}.header-logo-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.header-logo-name{letter-spacing:-.5px;font-size:16px;font-weight:800}.header-logo-sub{color:#64748b;letter-spacing:.5px;font-size:10px}.header-right{align-items:center;gap:16px;display:flex}.poll-status{align-items:center;gap:6px;display:flex}.poll-dot{border-radius:50%;width:7px;height:7px}.poll-dot.live{background:#10b981;animation:2s infinite pulse}.poll-dot.syncing{background:#f59e0b}.poll-dot.error{background:#ef4444}.poll-dot.connecting{background:#9ca3af}.poll-label{color:#94a3b8;font-size:11px}.user-btn{cursor:pointer;color:#fff;background:#1e293b;border:1px solid #334155;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.user-avatar{background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.user-name{font-size:12px;font-weight:600}.user-role{color:#64748b;text-transform:capitalize;font-size:10px}.user-caret{color:#64748b;font-size:10px}.user-dropdown{z-index:100;background:#1e293b;border:1px solid #334155;border-radius:10px;min-width:140px;padding:4px;animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000004d}.logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;display:flex}.logout-btn:hover{background:#0f172a}.tabs-bar{max-width:1280px;margin:0 auto;padding-bottom:14px}.tabs-group{background:#1e293b;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.tab-btn{color:#64748b;cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:8px;padding:6px 20px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.tab-btn.active{color:#111827;background:#fff;box-shadow:0 1px 3px #0000001f}.alert-badge{color:#fff;background:#ef4444;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:10px 16px;font-size:13px}.summary-row{gap:12px;margin-bottom:24px;display:flex}.summary-card{border-radius:12px;flex:1;padding:14px 18px}.summary-label{color:#6b7280;margin-bottom:4px;font-size:11px}.summary-value{font-size:30px;font-weight:800;line-height:1}.machines-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;animation:.3s fadeIn;display:grid}.machine-card{background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 1px 6px #0000000f}.machine-header{justify-content:space-between;align-items:center;display:flex}.machine-name-row{align-items:center;gap:8px;display:flex}.machine-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.machine-name{color:#111827;font-size:14px;font-weight:700}.machine-os{color:#9ca3af;font-size:10px}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.online{background:#10b981;animation:2s infinite pulse}.status-dot.idle{background:#9ca3af}.status-dot.offline{background:#ef4444}.metrics-section{flex-direction:column;gap:6px;display:flex}.metric-label-row{color:#6b7280;justify-content:space-between;font-size:11px;display:flex}.metric-warn{color:#ef4444}.mini-bar-track{background:#e5e7eb;border-radius:3px;flex:1;height:5px;overflow:hidden}.mini-bar-fill{border-radius:3px;height:100%;transition:width .6s}.mini-bar-row{align-items:center;gap:8px;display:flex}.mini-bar-pct{color:#6b7280;text-align:right;width:32px;font-size:11px}.timer-box{text-align:center;border-radius:10px;padding:10px 14px}.timer-label{color:#9ca3af;letter-spacing:.5px;margin-bottom:2px;font-size:10px}.timer-display{letter-spacing:3px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.timer-info{color:#9ca3af;margin-top:2px;font-size:10px}.cmd-row{gap:6px;display:flex}.cmd-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:600;transition:all .15s;display:flex}.cmd-btn:hover:not(:disabled){color:#065f46;background:#f0fdf4;border-color:#6ee7b7}.cmd-btn:disabled{color:#d1d5db;cursor:not-allowed;background:#f9fafb}.machine-last-seen{color:#c4c9d4;text-align:center;font-size:10px}.empty-state{text-align:center;color:#9ca3af;padding:60px 0;font-size:14px}.analytics-section{flex-direction:column;gap:16px;animation:.3s fadeIn;display:flex}.income-row{gap:12px;display:flex}.income-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:16px 20px}.income-label{color:#6b7280;margin-bottom:6px;font-size:11px}.income-amount{color:#111827;font-size:26px;font-weight:800}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.chart-title{color:#374151;margin-bottom:16px;font-size:14px;font-weight:700}.bar-chart{align-items:flex-end;gap:8px;height:90px;padding:0 4px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.bar-value-label{color:#10b981;font-size:9px;font-weight:700}.bar-fill{background:linear-gradient(#10b981,#059669);border-radius:4px 4px 0 0;width:100%;transition:height .6s}.bar-day-label{color:#9ca3af;font-size:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.stats-title{color:#374151;margin-bottom:14px;font-size:13px;font-weight:700}.stats-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:7px 0;font-size:13px;display:flex}.stats-row-label{color:#6b7280}.stats-row-value{color:#111827;font-weight:700}.alerts-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;animation:.3s fadeIn}.alerts-title{color:#374151;margin-bottom:16px;font-size:14px;font-weight:700}.alerts-count{color:#ef4444;background:#fef2f2;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:12px}.alert-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 0;display:flex}.alert-icon{font-size:14px}.alert-message{color:#374151;font-size:13px}.alert-time{color:#9ca3af;font-size:11px}.resolve-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-family:DM Sans,system-ui,sans-serif;font-size:11px}.resolve-btn:hover{background:#f9fafb}.no-alerts{text-align:center;color:#9ca3af;padding:40px 0;font-size:14px}.logs-title{color:#374151;margin-bottom:16px;font-size:14px;font-weight:700}.logs-note{color:#9ca3af;margin-left:8px;font-size:11px;font-weight:400}.logs-list{color:#374151;font-family:DM Mono,monospace;font-size:12px;line-height:2}.log-entry{border-radius:4px;padding:3px 8px}.log-entry.even{background:#f9fafb}.toast{color:#fff;z-index:1000;background:#0f172a;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:600;animation:.2s fadeIn;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 24px #0000004d}.overlay{z-index:99;position:fixed;inset:0}.logs-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;animation:.3s fadeIn}.logs-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.logs-title{color:#374151;margin:0 0 4px;font-size:14px;font-weight:700}.logs-subtitle{color:#9ca3af;font-size:12px}.logs-refresh-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 14px;font-family:DM Sans,system-ui,sans-serif;font-size:12px;font-weight:600;transition:background .15s}.logs-refresh-btn:hover:not(:disabled){background:#f9fafb}.logs-refresh-btn:disabled{color:#9ca3af;cursor:not-allowed}.logs-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.logs-filter-group{flex-direction:column;gap:4px;display:flex}.logs-filter-label{color:#9ca3af;letter-spacing:.3px;font-size:11px;font-weight:600}.logs-filter-input{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:7px 10px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;transition:border-color .2s}.logs-filter-input:focus{background:#fff;border-color:#10b981}.logs-search-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-self:flex-end;padding:7px 16px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s}.logs-search-btn:hover{opacity:.9}.logs-table{border:1px solid #f3f4f6;border-radius:10px;margin-bottom:12px;overflow:hidden}.logs-table-header{color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #f3f4f6;grid-template-columns:160px 90px 100px 120px 1fr;gap:12px;padding:10px 14px;font-size:11px;font-weight:700;display:grid}.logs-table-row{color:#374151;border-bottom:1px solid #f9fafb;grid-template-columns:160px 90px 100px 120px 1fr;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:grid}.logs-table-row:last-child{border-bottom:none}.logs-table-row.even{background:#fafafa}.log-time{color:#6b7280;font-family:DM Mono,monospace;font-size:11px}.log-actor{color:#111827;font-weight:600}.log-target{color:#6b7280}.log-detail{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.logs-loading{text-align:center;color:#9ca3af;padding:40px 0;font-size:13px}.logs-count{color:#9ca3af;text-align:right;font-size:12px}.income-sessions{color:#9ca3af;margin-top:4px;font-size:11px}.no-data-small{color:#9ca3af;text-align:center;padding:16px 0;font-size:13px}.top-machine-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.top-machine-row:last-child{border-bottom:none}.top-machine-rank{color:#9ca3af;width:20px;font-size:11px;font-weight:700}.top-machine-name{color:#111827;flex:1;font-weight:600}.top-machine-sessions{color:#9ca3af;font-size:11px}.top-machine-income{color:#10b981;font-weight:700}.troubleshoot-layout{flex-direction:column;gap:16px;animation:.3s fadeIn;display:flex}.troubleshoot-selector{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.troubleshoot-select{color:#111827;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;outline:none;min-width:200px;padding:8px 12px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;transition:border-color .2s}.troubleshoot-select:focus{border-color:#10b981}.troubleshoot-action-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.troubleshoot-action-btn:hover:not(:disabled){color:#065f46;background:#f0fdf4;border-color:#6ee7b7}.troubleshoot-action-btn:disabled{opacity:.5;cursor:not-allowed}.troubleshoot-action-btn.danger{color:#ef4444;border-color:#fecaca}.troubleshoot-action-btn.danger:hover:not(:disabled){color:#991b1b;background:#fef2f2}.troubleshoot-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.troubleshoot-card-header{background:#f8fafc;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.troubleshoot-card-title{color:#111827;font-size:14px;font-weight:700}.troubleshoot-card-meta{color:#9ca3af;font-size:11px}.process-table{border-collapse:collapse;width:100%}.process-table th{text-align:left;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #f3f4f6;padding:10px 16px;font-size:11px;font-weight:700}.process-table td{color:#374151;border-bottom:1px solid #f9fafb;padding:9px 16px;font-size:13px}.process-table tr:last-child td{border-bottom:none}.process-table tr:hover td{background:#f9fafb}.process-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.process-pid{color:#6b7280;font-family:DM Mono,monospace;font-size:11px}.process-cpu-high{color:#ef4444;font-weight:700}.process-cpu-med{color:#f59e0b;font-weight:600}.process-cpu-low{color:#6b7280}.screenshot-container{text-align:center;padding:16px}.screenshot-img{border:1px solid #e5e7eb;border-radius:8px;max-width:100%;box-shadow:0 2px 8px #00000014}.screenshot-placeholder{color:#9ca3af;padding:60px 20px;font-size:14px}.eventlog-list{max-height:400px;overflow-y:auto}.eventlog-row{border-bottom:1px solid #f9fafb;align-items:flex-start;gap:12px;padding:10px 16px;display:flex}.eventlog-row:last-child{border-bottom:none}.eventlog-level{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.eventlog-level.error{color:#991b1b;background:#fef2f2}.eventlog-level.warning{color:#854d0e;background:#fffbeb}.eventlog-source{color:#374151;white-space:nowrap;flex-shrink:0;min-width:120px;font-size:11px;font-weight:600}.eventlog-message{color:#6b7280;flex:1;font-size:12px}.eventlog-time{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:11px}.troubleshoot-empty{text-align:center;color:#9ca3af;padding:40px;font-size:13px}.troubleshoot-loading{text-align:center;color:#9ca3af;padding:30px;font-size:13px}.health-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;animation:.3s fadeIn;display:grid}.health-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.health-card.healthy{border-color:#6ee7b7}.health-card.attention{border-color:#fcd34d}.health-card.critical{border-color:#fca5a5}.health-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.health-machine-name{color:#111827;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.health-score-circle{border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:800;display:flex}.health-score-circle.healthy{color:#16a34a;background:#f0fdf4;border:2px solid #6ee7b7}.health-score-circle.attention{color:#d97706;background:#fffbeb;border:2px solid #fcd34d}.health-score-circle.critical{color:#dc2626;background:#fef2f2;border:2px solid #fca5a5}.health-score-label{letter-spacing:.3px;margin-top:1px;font-size:9px;font-weight:600}.health-status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.health-status-badge.healthy{color:#065f46;background:#d1fae5}.health-status-badge.attention{color:#92400e;background:#fef3c7}.health-status-badge.critical{color:#991b1b;background:#fee2e2}.health-stats{border-bottom:1px solid #f3f4f6;gap:0;display:flex}.health-stat{text-align:center;border-right:1px solid #f3f4f6;flex:1;padding:10px 12px}.health-stat:last-child{border-right:none}.health-stat-label{color:#9ca3af;letter-spacing:.3px;margin-bottom:3px;font-size:10px}.health-stat-value{color:#111827;font-size:14px;font-weight:700}.health-stat-value.warn{color:#f59e0b}.health-stat-value.danger{color:#ef4444}.health-stat-value.good{color:#10b981}.health-recommendations{flex-direction:column;gap:8px;padding:14px 20px;display:flex}.health-rec-item{align-items:flex-start;gap:10px;font-size:12px;display:flex}.health-rec-icon{flex-shrink:0;margin-top:1px;font-size:13px}.health-rec-content{flex:1}.health-rec-component{color:#374151;margin-bottom:2px;font-size:11px;font-weight:700}.health-rec-message{color:#6b7280;line-height:1.4}.health-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.health-header-title{color:#111827;font-size:16px;font-weight:700}.health-header-sub{color:#9ca3af;margin-top:2px;font-size:12px}.health-summary-row{gap:10px;margin-bottom:20px;display:flex}.health-summary-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:12px 16px}.health-summary-count{margin-bottom:4px;font-size:28px;font-weight:800;line-height:1}.health-summary-label{color:#6b7280;font-size:11px}.settings-page{background:#f8fafc;min-height:100vh;font-family:DM Sans,system-ui,sans-serif}.settings-content{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;padding:32px 28px;animation:.3s fadeUp;display:flex}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.back-btn:hover{color:#111827}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.settings-card-header{border-bottom:1px solid #f3f4f6;padding:20px 24px 16px}.settings-card-title{color:#111827;margin:0 0 4px;font-size:15px;font-weight:700}.settings-card-subtitle{color:#9ca3af;margin:0;font-size:12px}.settings-card-body{padding:24px}.settings-form{flex-direction:column;gap:16px;display:flex}.settings-label{color:#6b7280;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.settings-input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;transition:border-color .2s,background .2s}.settings-input:focus{background:#fff;border-color:#10b981}.settings-select{color:#111827;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;transition:border-color .2s}.settings-select:focus{border-color:#10b981}.settings-btn{cursor:pointer;border:none;border-radius:9px;padding:10px 20px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s}.settings-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn.primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.settings-btn.danger{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.settings-btn.danger:hover:not(:disabled){background:#fee2e2}.settings-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.settings-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.accounts-list{flex-direction:column;gap:0;display:flex}.account-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:14px 24px;transition:background .15s;display:flex}.account-row:last-child{border-bottom:none}.account-row:hover{background:#fafafa}.account-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.account-avatar.staff{background:linear-gradient(135deg,#6b7280,#4b5563)}.account-info{flex:1}.account-username{color:#111827;font-size:14px;font-weight:600}.account-meta{color:#9ca3af;margin-top:2px;font-size:11px}.role-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.role-badge.admin{color:#1d4ed8;background:#eff6ff}.role-badge.staff{color:#6b7280;background:#f3f4f6}.account-actions{gap:6px;display:flex}.account-action-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:5px 10px;font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.account-action-btn:hover{background:#f9fafb}.account-action-btn.delete{color:#ef4444;border-color:#fecaca}.account-action-btn.delete:hover{background:#fef2f2}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:28px;animation:.2s fadeUp;box-shadow:0 20px 60px #0000004d}.modal-title{color:#111827;margin:0 0 6px;font-size:16px;font-weight:700}.modal-subtitle{color:#9ca3af;margin:0 0 20px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-cancel-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:9px 18px;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600}.modal-cancel-btn:hover{background:#f9fafb}.strength-wrapper{flex-direction:column;gap:10px;margin-top:8px;display:flex}.strength-bars{gap:5px;display:flex}.strength-bar{background:#e5e7eb;border-radius:3px;flex:1;height:5px;transition:background .3s}.strength-label{border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.strength-rules{flex-direction:column;gap:5px;display:flex}.strength-rule{color:#6b7280;align-items:center;gap:7px;font-size:12px;transition:color .2s;display:flex}.strength-rule.passed{color:#10b981}.strength-rule.failed{color:#9ca3af}.rule-icon{text-align:center;flex-shrink:0;width:14px;font-size:11px}