@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Sora:wght@400;500;600;700;800&display=swap');

:root {
  --primary: #6366f1;
  --primary-light: #818cf8;
  --primary-dark: #4f46e5;
  --primary-glow: rgba(99,102,241,0.18);
  --accent: #7c3aed;
  --success: #10b981;
  --success-bg: rgba(16,185,129,0.12);
  --warning: #f59e0b;
  --warning-bg: rgba(245,158,11,0.12);
  --danger: #ef4444;
  --danger-bg: rgba(239,68,68,0.12);
  --info: #6366f1;
  --info-bg: rgba(99,102,241,0.12);
  --bg: #e8eaf6;
  --surface: #eef0f9;
  --border-light: rgba(0,0,0,0.06);
  --text: #1e1b4b;
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;
  --neu-shadow: 8px 8px 20px rgba(163,168,210,0.65),-6px -6px 16px rgba(255,255,255,1);
  --neu-shadow-sm: 4px 4px 12px rgba(163,168,210,0.55),-3px -3px 8px rgba(255,255,255,0.95);
  --neu-shadow-inset: inset 4px 4px 10px rgba(163,168,210,0.5),inset -3px -3px 8px rgba(255,255,255,0.9);
  --neu-shadow-pressed: inset 6px 6px 14px rgba(163,168,210,0.6),inset -4px -4px 10px rgba(255,255,255,0.9);
  --neu-shadow-hover: 10px 10px 28px rgba(163,168,210,0.75),-8px -8px 20px rgba(255,255,255,1);
  --radius: 16px;
  --radius-sm: 12px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Nunito',-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5{font-family:'Sora',sans-serif;font-weight:700;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px;}
.loading-overlay{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;}
.spinner{width:48px;height:48px;border:4px solid rgba(99,102,241,0.15);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.login-page{min-height:100vh;display:flex;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 55%,#0f3460 100%);position:relative;overflow:hidden;}
.login-page::before{content:'';position:absolute;top:-40%;right:-15%;width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,0.14) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.login-page::after{content:'';position:absolute;bottom:-25%;left:-8%;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,0.09) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.login-left{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:52px 72px;position:relative;z-index:1;overflow-y:auto;}
.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:44px;}
.login-logo svg{width:48px;height:48px;}
.login-logo span{font-family:'Sora',sans-serif;font-size:28px;font-weight:800;color:#fff;letter-spacing:-0.5px;}
.login-hero h1{font-size:40px;color:#fff;line-height:1.2;margin-bottom:18px;letter-spacing:-1px;}
.login-hero h1 span{color:#a5b4fc;}
.login-hero p{font-size:16px;color:rgba(255,255,255,0.55);max-width:480px;line-height:1.7;}
.login-features{display:flex;flex-direction:column;gap:14px;margin-top:40px;}
.login-feature{display:flex;align-items:center;gap:14px;color:rgba(255,255,255,0.7);font-size:15px;font-weight:600;}
.login-feature .icon-box{width:40px;height:40px;border-radius:10px;background:rgba(99,102,241,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.login-feature .icon-box svg{width:20px;height:20px;color:#a5b4fc;}
.plans-section{padding:52px 0 0;}
.plans-section h2{font-size:26px;color:#fff;margin-bottom:8px;}
.plans-subtitle{color:rgba(255,255,255,0.45);font-size:14px;margin-bottom:32px;}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:860px;}
.plan-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-lg);padding:28px 22px;text-align:center;transition:var(--transition);backdrop-filter:blur(8px);position:relative;overflow:hidden;}
.plan-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,0.45);box-shadow:0 12px 40px rgba(0,0,0,0.2);}
.plan-card.popular{border-color:var(--primary);background:rgba(99,102,241,0.13);}
.plan-card.popular::before{content:'Popular';position:absolute;top:14px;right:-30px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:10px;font-weight:800;padding:4px 38px;transform:rotate(45deg);letter-spacing:1px;}
.plan-card h3{color:#fff;font-size:17px;margin-bottom:8px;}
.plan-price{font-size:36px;font-weight:800;color:#fff;margin:12px 0 4px;font-family:'Sora',sans-serif;}
.plan-price span{font-size:13px;font-weight:500;color:rgba(255,255,255,0.5);}
.plan-period{color:rgba(255,255,255,0.4);font-size:12px;margin-bottom:18px;}
.plan-features{list-style:none;margin-bottom:22px;text-align:left;}
.plan-features li{color:rgba(255,255,255,0.7);font-size:13px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:10px;}
.plan-features li.disabled{color:rgba(255,255,255,0.3);}
.plan-features li svg{width:14px;height:14px;flex-shrink:0;color:#a5b4fc;}
.plan-features li.disabled svg{color:rgba(255,255,255,0.25);}
.btn-plan{width:100%;padding:12px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:inherit;}
.btn-plan-free{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);}
.btn-plan-free:hover{background:rgba(255,255,255,0.15);}
.btn-plan-paid,.btn-plan-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 18px rgba(99,102,241,0.4);}
.btn-plan-paid:hover,.btn-plan-primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(99,102,241,0.5);}
.btn-plan-maint,.btn-plan-secondary{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.2);}
.btn-plan-maint:hover,.btn-plan-secondary:hover{background:rgba(255,255,255,0.16);}
.contact-section{padding:44px 0 0;}
.contact-section h2{font-size:20px;color:#fff;margin-bottom:16px;}
.contact-cards{display:flex;gap:14px;flex-wrap:wrap;}
.contact-card{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-sm);color:rgba(255,255,255,0.8);font-size:14px;font-weight:600;text-decoration:none;transition:var(--transition);backdrop-filter:blur(6px);}
.contact-card:hover{background:rgba(255,255,255,0.14);border-color:rgba(99,102,241,0.5);color:#fff;transform:translateY(-2px);}
.contact-card svg{width:22px;height:22px;flex-shrink:0;}
.contact-card:first-child svg{color:#25D366;}
.contact-card:first-child:hover{border-color:rgba(37,211,102,0.5);}
.login-right{width:460px;min-width:460px;display:flex;align-items:center;justify-content:center;padding:40px 32px;position:relative;z-index:1;}
.login-card{width:100%;background:var(--bg);border-radius:var(--radius-xl);padding:38px 34px;box-shadow:var(--neu-shadow),0 0 80px rgba(0,0,0,0.18);}
.login-card h2{font-size:23px;margin-bottom:6px;color:var(--text);}
.login-card .subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:26px;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:11px;font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:0.5px;text-transform:uppercase;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:none;border-radius:var(--radius-sm);font-size:14px;font-family:inherit;transition:var(--transition);background:var(--bg);color:var(--text);box-shadow:var(--neu-shadow-inset);}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;box-shadow:var(--neu-shadow-pressed),0 0 0 3px var(--primary-glow);}
.form-group input::placeholder{color:var(--text-muted);}
.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-color:var(--bg);}
.btn,.btn-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:var(--transition);text-decoration:none;line-height:1;}
.btn-primary,.btn-save{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 18px rgba(99,102,241,0.38);}
.btn-primary{width:100%;padding:14px;font-size:15px;}
.btn-primary:hover,.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,0.48);}
.btn-google{background:var(--bg);color:var(--text);border:none;width:100%;padding:13px;margin-top:12px;box-shadow:var(--neu-shadow-sm);font-weight:700;font-family:inherit;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);}
.btn-google:hover{box-shadow:var(--neu-shadow);}
.btn-google svg{width:20px;height:20px;}
.btn-delete{padding:5px 11px;background:var(--danger-bg);color:var(--danger);border:none;border-radius:8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:var(--transition);}
.btn-delete:hover{background:var(--danger);color:#fff;}
.btn-edit{padding:5px 10px;background:var(--info-bg);color:var(--info);border:none;border-radius:8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:var(--transition);margin-right:4px;}
.btn-edit:hover{background:var(--primary);color:#fff;}
.divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:var(--text-muted);font-size:13px;}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:rgba(0,0,0,0.08);}
.toggle-auth{text-align:center;margin-top:18px;font-size:13px;color:var(--text-secondary);}
.toggle-auth a{color:var(--primary);font-weight:700;cursor:pointer;text-decoration:none;}
.toggle-auth a:hover{text-decoration:underline;}
.modal-overlay{position:fixed;inset:0;background:rgba(30,27,75,0.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:var(--transition);}
.modal-overlay.active{opacity:1;pointer-events:all;}
.modal{background:var(--bg);border-radius:var(--radius-xl);padding:38px;width:100%;max-width:460px;box-shadow:var(--neu-shadow),0 40px 80px rgba(0,0,0,0.2);transform:translateY(20px);transition:var(--transition);position:relative;}
.modal-overlay.active .modal{transform:translateY(0);}
.modal h3{font-size:21px;margin-bottom:6px;}
.modal p{color:var(--text-secondary);font-size:14px;margin-bottom:20px;}
.close-modal{position:absolute;top:15px;right:18px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);transition:var(--transition);}
.close-modal:hover{color:var(--text);}
.whatsapp-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:#25D366;font-size:14px;font-weight:700;text-decoration:none;}
.whatsapp-link:hover{opacity:0.8;}
.app-layout,.admin-layout{display:flex;min-height:100vh;}
.sidebar,.admin-sidebar{width:260px;min-width:260px;background:linear-gradient(180deg,#1e1b4b 0%,#2d2a70 60%,#312e81 100%);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;}
.sidebar-header{display:flex;align-items:center;gap:12px;padding:22px 18px 16px;border-bottom:1px solid rgba(255,255,255,0.07);}
.sidebar-header svg{width:32px;height:32px;flex-shrink:0;}
.sidebar-header span{font-family:'Sora',sans-serif;font-size:16px;font-weight:800;color:#fff;letter-spacing:-0.3px;}
.sidebar-nav{flex:1;padding:12px 8px;}
.nav-label{font-size:10px;font-weight:800;color:rgba(255,255,255,0.28);letter-spacing:1.5px;text-transform:uppercase;padding:7px 12px 5px;margin-top:6px;}
.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 13px;border:none;background:none;color:rgba(255,255,255,0.58);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border-radius:11px;transition:var(--transition);text-align:left;margin-bottom:2px;}
.nav-item svg{width:17px;height:17px;flex-shrink:0;}
.nav-item:hover{background:rgba(255,255,255,0.09);color:rgba(255,255,255,0.9);}
.nav-item.active{background:rgba(255,255,255,0.16);color:#fff;box-shadow:0 2px 14px rgba(0,0,0,0.25);}
.sidebar-footer{padding:12px 8px;border-top:1px solid rgba(255,255,255,0.07);}
.user-info{display:flex;align-items:center;gap:10px;padding:11px 13px;margin-bottom:8px;background:rgba(255,255,255,0.07);border-radius:11px;}
.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;}
.user-details{overflow:hidden;}
.user-name{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.user-plan{font-size:11px;color:rgba(255,255,255,0.4);}
.btn-logout{display:flex;align-items:center;gap:10px;width:100%;padding:9px 13px;border:none;background:rgba(239,68,68,0.1);color:#fca5a5;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border-radius:11px;transition:var(--transition);}
.btn-logout svg{width:15px;height:15px;}
.btn-logout:hover{background:rgba(239,68,68,0.2);}
.main-content,.admin-content{margin-left:260px;flex:1;min-width:0;}
.topbar,.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;background:var(--bg);border-bottom:1px solid rgba(0,0,0,0.05);position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(163,168,210,0.3);}
.topbar h1,.admin-topbar h1{font-size:19px;font-weight:800;color:var(--text);}
.topbar-date{font-size:12px;color:var(--text-muted);font-weight:600;}
.content-area,.admin-area{padding:22px 26px;}
.mobile-toggle{display:none;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;}
.stat-card{background:var(--bg);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:14px;box-shadow:var(--neu-shadow);transition:var(--transition);}
.stat-card:hover{transform:translateY(-2px);box-shadow:var(--neu-shadow-hover);}
.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.stat-icon svg{width:21px;height:21px;}
.stat-icon.blue{background:rgba(99,102,241,0.14);color:var(--primary);}
.stat-icon.green{background:rgba(16,185,129,0.14);color:var(--success);}
.stat-icon.red{background:rgba(239,68,68,0.14);color:var(--danger);}
.stat-icon.orange{background:rgba(245,158,11,0.14);color:var(--warning);}
.stat-icon.purple{background:rgba(124,58,237,0.14);color:var(--accent);}
.stat-label{font-size:10.5px;font-weight:800;color:var(--text-muted);letter-spacing:0.5px;text-transform:uppercase;}
.stat-value{font-family:'Sora',sans-serif;font-size:22px;font-weight:800;color:var(--text);line-height:1.2;margin-top:3px;}
.stat-value.green{color:var(--success);}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}
.card,.admin-card{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow);overflow:hidden;margin-bottom:16px;}
.card:last-child,.admin-card:last-child{margin-bottom:0;}
.card-header,.admin-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,0.05);}
.card-title{font-size:13.5px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:9px;}
.card-title svg{width:16px;height:16px;color:var(--primary);}
.admin-card-header h3{font-size:14px;font-weight:800;display:flex;align-items:center;gap:9px;}
.card-body,.admin-card-body{padding:16px 20px;}
.admin-card-body{padding:0;}
.admin-card-body.padded{padding:20px;}
.mb-4{margin-bottom:16px;}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px;margin-bottom:16px;}
table{width:100%;border-collapse:collapse;font-size:13px;}
th{text-align:left;padding:10px 13px;font-size:10px;font-weight:800;color:var(--text-muted);letter-spacing:0.8px;text-transform:uppercase;background:rgba(0,0,0,0.025);border-bottom:1px solid rgba(0,0,0,0.05);}
td{padding:12px 13px;border-bottom:1px solid rgba(0,0,0,0.04);color:var(--text);vertical-align:middle;}
tr:last-child td{border-bottom:none;}
tr:hover td{background:rgba(99,102,241,0.04);}
.empty-state{color:var(--text-muted);text-align:center;padding:30px!important;font-style:italic;font-size:14px;}
.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:800;letter-spacing:0.3px;}
.badge-success{background:var(--success-bg);color:var(--success);}
.badge-danger{background:var(--danger-bg);color:var(--danger);}
.badge-info{background:var(--info-bg);color:var(--info);}
.badge-warning{background:var(--warning-bg);color:var(--warning);}
.badge-free{background:rgba(156,163,175,0.15);color:#6b7280;}
.badge-paid{background:rgba(16,185,129,0.14);color:#059669;}
.badge-maint{background:rgba(245,158,11,0.14);color:#d97706;}
.admin-sidebar .sidebar-header{padding:22px 18px;}
.admin-badge{display:inline-flex;align-items:center;padding:3px 9px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:#fca5a5;border-radius:20px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-left:10px;}
.admin-nav{flex:1;padding:10px 8px;overflow-y:auto;}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;}
.admin-stat-card{background:var(--bg);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--neu-shadow);position:relative;overflow:hidden;}
.admin-stat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 4px 4px;}
.admin-stat-card:nth-child(1)::after{background:linear-gradient(90deg,var(--primary),var(--accent));}
.admin-stat-card:nth-child(2)::after{background:var(--success);}
.admin-stat-card:nth-child(3)::after{background:var(--warning);}
.admin-stat-card:nth-child(4)::after{background:var(--info);}
.admin-stat-label{font-size:10.5px;font-weight:800;color:var(--text-muted);letter-spacing:0.5px;text-transform:uppercase;margin-bottom:8px;}
.admin-stat-value{font-size:28px;font-weight:800;font-family:'Sora',sans-serif;color:var(--text);}
.admin-search{display:flex;gap:10px;}
.admin-search input{padding:9px 13px;border:none;border-radius:var(--radius-sm);font-size:13px;font-family:inherit;min-width:210px;background:var(--bg);box-shadow:var(--neu-shadow-inset);}
.admin-search input:focus{outline:none;box-shadow:var(--neu-shadow-pressed),0 0 0 3px var(--primary-glow);}
.code-gen-area{display:flex;gap:13px;align-items:flex-end;flex-wrap:wrap;}
.code-gen-area .form-group{margin-bottom:0;}
.generated-code{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:var(--radius-sm);font-family:'Sora',monospace;font-size:21px;font-weight:800;letter-spacing:6px;margin-top:14px;box-shadow:0 4px 20px rgba(99,102,241,0.42);}
.generated-code .copy-btn{background:rgba(255,255,255,0.22);border:none;color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-family:inherit;font-weight:700;transition:var(--transition);}
.generated-code .copy-btn:hover{background:rgba(255,255,255,0.34);}
.message-item{display:flex;gap:13px;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,0.04);transition:var(--transition);}
.message-item:hover{background:rgba(99,102,241,0.04);}
.message-item:last-child{border-bottom:none;}
.message-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-glow);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;font-size:15px;}
.message-content{flex:1;}
.message-sender{font-weight:700;font-size:13.5px;}
.message-text{color:var(--text-secondary);font-size:13px;margin-top:3px;}
.message-time{color:var(--text-muted);font-size:11px;margin-top:4px;}
.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:9px;}
.toast{display:flex;align-items:center;gap:12px;padding:13px 17px;background:var(--bg);border-radius:var(--radius);box-shadow:var(--neu-shadow),0 8px 32px rgba(0,0,0,0.1);min-width:290px;animation:slideIn 0.3s ease;position:relative;}
.toast.success{border-left:4px solid var(--success);}
.toast.error{border-left:4px solid var(--danger);}
.toast.info{border-left:4px solid var(--primary);}
.toast-close{position:absolute;top:8px;right:10px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:17px;}
@keyframes slideIn{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}
.tabs{display:flex;gap:4px;padding:4px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:20px;box-shadow:var(--neu-shadow-inset);}
.tab{padding:9px 18px;border:none;background:none;border-radius:10px;font-size:13px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:inherit;}
.tab.active{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 14px rgba(99,102,241,0.35);}
.tab:hover:not(.active){color:var(--text);}
.plan-status-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--primary-glow);border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px;color:var(--primary);font-weight:700;}
.plan-status-bar svg{width:17px;height:17px;}
.sidebar-overlay{position:fixed;inset:0;background:rgba(30,27,75,0.5);backdrop-filter:blur(2px);z-index:99;display:none;}
.sidebar-overlay.active{display:block;}
.hidden{display:none!important;}
.text-center{text-align:center;}
.mt-2{margin-top:8px;}
.mt-4{margin-top:16px;}
.mb-4{margin-bottom:16px;}
.gap-2{gap:8px;}
.flex{display:flex;}
.items-center{align-items:center;}
.green{color:var(--success);}
@media(max-width:1200px){.stats-grid,.admin-stats{grid-template-columns:repeat(2,1fr);}.content-grid{grid-template-columns:1fr;}}
@media(max-width:900px){.plans-grid{grid-template-columns:1fr;}.login-left{padding:40px 28px;}}
@media(max-width:768px){
  .login-page{flex-direction:column;}
  .login-right{width:100%;min-width:unset;padding:0 18px 40px;}
  .plans-section{padding:40px 0 0;}
  .sidebar,.admin-sidebar{transform:translateX(-100%);}
  .sidebar.open,.admin-sidebar.open{transform:translateX(0);}
  .main-content,.admin-content{margin-left:0;}
  .topbar,.admin-topbar{padding:13px 16px;}
  .content-area,.admin-area{padding:13px 13px;}
  .stats-grid,.admin-stats{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .mobile-toggle{display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;background:var(--bg);border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text);box-shadow:var(--neu-shadow-sm);}
}