:root{--primary:#1e3a8a;--secondary:#3b82f6;--accent:#f59e0b;--background:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-light:#64748b;--border:#e2e8f0;--success:#10b981;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--card-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;height:100%;padding:24px 0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding:0 24px 24px}.sidebar-title{color:var(--primary);align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.nav-link{color:var(--text-light);align-items:center;gap:12px;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--primary);background-color:#f1f5f9}.nav-link.active{color:var(--secondary);border-right:3px solid var(--secondary);background-color:#eff6ff}.main-content{flex:1;height:100%;padding:40px;overflow-y:auto}h1{color:var(--text-main);margin-bottom:24px;font-size:28px;font-weight:800}h2{color:var(--text-main);margin-bottom:16px;font-size:20px;font-weight:700}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--secondary);color:#fff}.btn-primary:hover{background-color:var(--primary)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-outline{color:var(--text-main);border:1px solid var(--border);background-color:#0000}.btn-outline:hover{background-color:var(--background)}.btn-outline.active{background-color:var(--secondary);color:#fff;border-color:var(--secondary)}.btn-outline.active:hover{background-color:var(--primary);border-color:var(--primary)}.input-group{margin-bottom:20px}.input-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.input-field{border:1px solid var(--border);background:#fff;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border .2s}.input-field:focus{border-color:var(--secondary)}table{border-collapse:collapse;width:100%}th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-light);text-transform:uppercase;padding:12px 16px;font-size:13px;font-weight:700}td{border-bottom:1px solid var(--border);color:var(--text-main);padding:16px;font-size:14px;font-weight:500}.badge{text-transform:uppercase;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800}.badge-free{color:var(--text-light);background-color:#f1f5f9}.badge-pro{color:var(--secondary);background-color:#eff6ff}.badge-pro-plus{color:var(--accent);background-color:#fef3c7}.badge-disabled{color:var(--danger);background-color:#fee2e2}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.login-container{background-color:var(--background);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{text-align:center;width:100%;max-width:400px}.login-icon{color:var(--primary);margin-bottom:24px}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}