:root{--bg:#f1f5f9;--bg-secondary:#e2e8f0;--panel:#ffffff;--muted:#475569;--muted-2:#64748b;--border:#e2e8f0;--text:#1e293b;--accent:#667eea;--accent-2:#764ba2;--badge-bg:#f8fafc;--table-head-light:#667eea;--table-head-light-2:#764ba2;--input-bg:#ffffff;--focus: rgba(102, 126, 234, .15);--shadow:0 4px 16px rgba(0, 0, 0, .08);--shadow-lg:0 8px 24px rgba(0, 0, 0, .12)}html[data-theme=dark]{--bg:#0f172a;--bg-secondary:#1e293b;--panel:#1e293b;--muted:#cbd5e1;--muted-2:#94a3b8;--border:#334155;--text:#e2e8f0;--accent:#6ea8ff;--accent-2:#52b6ff;--badge-bg:#0f172a;--table-head-light:#1e293b;--table-head-light-2:#334155;--input-bg:#1e293b;--focus: rgba(110,168,255,.25);--shadow:0 4px 16px rgba(0, 0, 0, .3);--shadow-lg:0 8px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;color:var(--text);background:var(--bg);transition:background .3s ease,color .3s ease}header{position:sticky;top:0;z-index:20;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 2px 12px #667eea4d}html[data-theme=dark] header{box-shadow:0 2px 12px #667eea80}.header-inner{padding:20px 32px;width:min(96vw,1800px);margin:0 auto;display:flex;align-items:center;gap:16px;justify-content:space-between}.title{font-size:28px;font-weight:700;letter-spacing:-.5px;color:#fff}.container{padding:40px 32px;width:min(96vw,1800px);margin:0 auto}button,input,select{font:inherit}button{padding:10px 20px;border-radius:8px;border:none;background:#fffffff2;color:var(--accent);cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}button:hover:not(.save-btn):not(.save-btn-header):not(.primary){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}button.primary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}button.primary:hover{box-shadow:0 6px 20px #f5576c66}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:nowrap;overflow:auto}.build-badge{background:#ffffff40;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;margin-left:10px}.status{background:#fff3;padding:8px 16px;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;font-size:14px;font-weight:500}.user-email{color:#fff;font-size:14px;font-weight:600;background:#ffffff26;padding:8px 16px;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.save-btn-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.save-btn-header:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.save-btn-header:disabled{background:#ffffff4d;cursor:not-allowed;box-shadow:none;transform:none}.controls-section{background:var(--panel);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow);border:1px solid var(--border);transition:all .3s ease}.controls-section input.stretch{margin-bottom:20px}.message-inline{margin-top:12px;display:block;color:var(--accent);font-weight:500}input[type=text],input[type=email],input[type=password],input[type=number],select{padding:10px 12px;border:2px solid var(--border);border-radius:8px;font-size:14px;transition:all .2s ease;background:var(--input-bg);color:var(--text);outline:none;width:100%}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder{color:var(--muted-2)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}input.stretch{padding:14px 20px;font-size:15px;width:100%;max-width:100%}input:disabled,select:disabled{background:var(--badge-bg);color:var(--muted-2);cursor:not-allowed;border-color:var(--border);opacity:.75}.table-card{border:1px solid var(--border);border-radius:12px;overflow-x:auto;overflow-y:visible;background:var(--panel);box-shadow:var(--shadow-lg);transition:all .3s ease}table{width:100%;border-collapse:collapse;min-width:1200px;table-layout:fixed}thead{background:linear-gradient(135deg,var(--table-head-light) 0%,var(--table-head-light-2) 100%);color:#fff}th{padding:16px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#fff;position:relative;border-bottom:none}th:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#fff3}th:last-child:after{display:none}td{padding:18px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:14px;color:var(--text);transition:all .2s ease}tbody tr{transition:all .2s ease}tbody tr:hover{background:var(--badge-bg);transform:scale(1.001);box-shadow:0 2px 8px #0000000a}html[data-theme=dark] tbody tr:hover{background:linear-gradient(90deg,var(--panel) 0%,var(--bg-secondary) 100%);box-shadow:0 2px 8px #0000004d}tbody tr.changes{background:#fef3c7}html[data-theme=dark] tbody tr.changes{background:#422006}td>div,td>input,td>select{width:100%}tbody td:nth-child(4),tbody td:nth-child(7){font-weight:600;color:#059669}html[data-theme=dark] tbody td:nth-child(4),html[data-theme=dark] tbody td:nth-child(7){color:#34d399}tfoot td{background:var(--badge-bg);border-top:2px solid var(--border);padding:0}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:14px 32px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:15px;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.save-btn:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none;transform:none}html[data-theme=dark] .save-btn:disabled{background:#334155}.badge{padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--badge-bg);color:var(--muted)}.badge-success{background:#d4edda;color:#155724;border-color:#c3e6cb}.badge-inactive{background:#f8d7da;color:#721c24;border-color:#f5c6cb}html[data-theme=dark] .badge-success{background:#0f3d1a;color:#c3f0cc;border-color:#1d5c30}html[data-theme=dark] .badge-inactive{background:#3d0f14;color:#f0c3cc;border-color:#5c1d25}.small{font-size:13px;color:var(--muted-2)}code.inline{background:var(--badge-bg);padding:2px 6px;border-radius:6px;border:1px solid var(--border);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pagination button{padding:10px 20px;background:var(--panel);border:2px solid var(--border);border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;color:var(--text)}.pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--badge-bg);transform:translateY(-1px)}.pagination button:disabled:not(.primary){opacity:.5;cursor:not-allowed;transform:none}.pagination button.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;border-color:transparent;cursor:default}.pagination button.primary:disabled{opacity:1}.pagination .small{margin-left:auto}.switch{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;padding:6px 12px;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .2s ease}.switch:hover{background:#ffffff40}.switch input{display:none}.switch .track{width:44px;height:24px;border-radius:999px;background:#ffffff4d;border:none;position:relative;transition:background .2s ease}.switch input:checked+.track{background:#fff6}.switch .thumb{width:18px;height:18px;background:#fff;border-radius:999px;position:absolute;top:3px;left:3px;transition:transform .25s ease;box-shadow:0 2px 6px #0000004d}.switch input:checked+.track .thumb{transform:translate(20px)}.switch label.small{color:#fff;font-weight:600;font-size:13px;margin:0}.th-resizable{position:relative}.th-resizable .resizer{position:absolute;right:-4px;top:0;width:8px;height:100%;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:2}.th-resizable .resizer:hover{background:#ffffff4d}.footer-note{width:min(96vw,1800px);margin:24px auto 28px;text-align:center;font-size:13px;color:var(--muted-2)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.auth-box{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.auth-box h1{margin:0 0 8px;font-size:32px;text-align:center;color:var(--accent)}.auth-box .subtitle{text-align:center;color:var(--muted);margin:0 0 32px;font-size:14px}.auth-box h2{margin:0 0 20px;font-size:20px;text-align:center}.auth-box form{display:flex;flex-direction:column;gap:14px}.auth-box input[type=text],.auth-box input[type=email],.auth-box input[type=password]{width:100%}.auth-box .full-width{width:100%;margin-top:6px}.auth-switch{text-align:center;margin:12px 0 0;font-size:14px;color:var(--muted)}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.message{margin:16px 0 0;padding:12px;background:var(--badge-bg);border:1px solid var(--border);border-radius:10px;font-size:14px;text-align:center;color:var(--text)}.welcome-box{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:60px 40px;text-align:center;box-shadow:var(--shadow-lg);max-width:600px;margin:80px auto}.welcome-box h2{margin:0 0 16px;font-size:28px;font-weight:600;color:var(--text)}.welcome-box p{margin:0 0 32px;color:var(--muted);font-size:16px}.btn-primary,.btn-link{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;text-decoration:none;border-radius:10px;font-weight:600;box-shadow:var(--shadow);transition:transform .15s ease}.btn-primary:hover,.btn-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-layout{display:flex;min-height:100vh;background:var(--bg)}.admin-sidebar{width:260px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:30;box-shadow:var(--shadow)}.admin-brand{padding:20px;border-bottom:1px solid var(--border)}.admin-brand h1{margin:0 0 6px;font-size:20px;font-weight:600;color:var(--text)}.admin-nav{flex:1;display:flex;flex-direction:column;padding:12px 0}.admin-nav-section{display:flex;flex-direction:column;gap:2px;padding:0 12px}.admin-nav-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:12px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease;font-size:14px;font-weight:500;text-align:left;width:100%;box-shadow:none}.admin-nav-item svg{flex-shrink:0}.admin-nav-item:hover{background:var(--badge-bg);color:var(--text);transform:none}.admin-nav-item.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.admin-header{background:var(--panel);border-bottom:1px solid var(--border);padding:20px 32px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin-header-content{display:flex;justify-content:space-between;align-items:center}.admin-header h2{margin:0;font-size:24px;font-weight:600;color:var(--text)}.admin-header-actions{display:flex;align-items:center;gap:12px}.admin-user-badge{padding:8px 14px;background:var(--badge-bg);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--muted)}.admin-content{flex:1;padding:32px;max-width:1400px;width:100%}.welcome-message{margin-bottom:24px}.welcome-message h3{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text)}.welcome-message p{margin:0;color:var(--muted);font-size:15px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.admin-stat-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.admin-stat-label{font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:500}.admin-stat-value{font-size:24px;font-weight:600;color:var(--text)}.admin-stat-value.status-active{color:#10b981}.admin-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow);margin-bottom:24px}.admin-card h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{margin:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:8px}.info-label{font-size:13px;color:var(--muted);font-weight:500}.info-value{font-size:15px;color:var(--text);font-weight:500}.button-group{display:flex;gap:12px;flex-wrap:wrap}.btn-secondary{padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-weight:500;transition:all .15s ease;box-shadow:var(--shadow)}.btn-secondary:hover{background:var(--badge-bg);transform:translateY(-1px)}.btn-sm{padding:6px 10px;font-size:13px;border-radius:8px;border:1px solid var(--border);cursor:pointer;font-weight:500;transition:all .15s ease;box-shadow:0 2px 4px #0000000d}.btn-sm.btn-secondary{background:var(--panel);color:var(--text)}.btn-sm.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-sm.btn-primary-outline{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-sm.btn-primary-outline:hover{background:var(--accent);color:#fff}.btn-sm:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-sm:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-user-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.create-user-form h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text)}.form-grid{display:grid;gap:12px;margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:8px;padding:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.checkbox-label span{font-size:14px;color:var(--text);font-weight:500}.permissions-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.permissions-section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.permission-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .15s ease}.permission-item:hover{background:var(--badge-bg)}.permission-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.permission-item span{font-size:13px;color:var(--text);font-weight:500}.users-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid var(--border)}.users-table{width:100%;border-collapse:collapse;min-width:900px;table-layout:fixed}.users-table thead{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%)}.users-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:none}.users-table th:nth-child(1){width:22%}.users-table th:nth-child(2){width:15%}.users-table th:nth-child(3){width:10%}.users-table th:nth-child(4){width:10%}.users-table th:nth-child(5){width:12%}.users-table th:nth-child(6){width:12%}.users-table th:nth-child(7){width:19%}.users-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:var(--badge-bg)}.role-user{color:var(--muted-2);font-size:14px}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:12px 16px;border-radius:10px;margin-bottom:20px;border:1px solid var(--border)}.alert-info{background:var(--badge-bg);color:var(--text)}.admin-footer{margin-top:auto;padding:20px 32px;text-align:right;font-size:12px;color:var(--muted-2);border-top:1px solid var(--border)}html[data-theme=dark] .admin-sidebar{box-shadow:2px 0 10px #0000004d}html[data-theme=dark] .btn-sm.btn-danger{background:#c92a2a;border-color:#c92a2a}html[data-theme=dark] .users-table thead{background:var(--bg-secondary);color:var(--text)}html[data-theme=dark] .users-table th{color:var(--text)}@media (max-width: 900px){.toolbar{flex-wrap:wrap}.admin-sidebar{width:220px}.admin-main{margin-left:220px}.admin-content{padding:20px}.admin-stats-grid{grid-template-columns:1fr}.header-inner{padding:16px 20px}.container{padding:20px 16px}}.trial-badge{display:inline-block;padding:4px 12px;margin-left:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #10b9814d}.trial-badge-warning{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 2px 8px #f59e0b4d;animation:pulse 2s ease-in-out infinite}.trial-badge-active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.upgrade-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--panel);padding:32px;border-radius:16px;max-width:480px;width:90%;box-shadow:0 20px 60px #0000004d}.modal-content h2{margin:0 0 16px;color:var(--text);font-size:24px}.modal-content p{margin:8px 0;color:var(--muted);line-height:1.6}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{flex:1;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions button.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 2px 8px #10b9814d}.modal-actions button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.modal-actions button:not(.primary){background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.modal-actions button:not(.primary):hover{background:var(--border)}.legal-container{min-height:100vh;background:var(--bg);padding:40px 20px}.legal-content{max-width:800px;margin:0 auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:48px;box-shadow:var(--shadow-lg)}.legal-content h1{margin:0 0 8px;font-size:32px;color:var(--accent);text-align:center}.legal-content .effective-date{text-align:center;color:var(--muted);font-size:14px;margin-bottom:40px}.legal-content section{margin-bottom:32px}.legal-content h2{margin:0 0 16px;font-size:20px;color:var(--text);border-bottom:2px solid var(--border);padding-bottom:8px}.legal-content h3{margin:20px 0 12px;font-size:16px;color:var(--text);font-weight:600}.legal-content p{margin:0 0 16px;line-height:1.7;color:var(--text);font-size:15px}.legal-content ul{margin:0 0 16px;padding-left:24px}.legal-content li{margin-bottom:8px;line-height:1.6;color:var(--text);font-size:15px}.legal-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);text-align:center}.legal-footer a{color:var(--accent);text-decoration:none;font-weight:500;font-size:15px}.legal-footer a:hover{text-decoration:underline}.terms-checkbox{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--badge-bg);border:1px solid var(--border);border-radius:8px;margin-bottom:16px}.terms-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.terms-checkbox label{font-size:14px;color:var(--text);line-height:1.5;cursor:pointer}.terms-checkbox a{color:var(--accent);text-decoration:none;font-weight:500}.terms-checkbox a:hover{text-decoration:underline}.footer-note{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-links{display:flex;gap:16px;font-size:13px}.footer-links a{color:var(--muted-2);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent);text-decoration:underline}