*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{min-height:100vh;background:radial-gradient(circle at top right,rgba(37,99,235,.35),transparent 35%),radial-gradient(circle at bottom left,rgba(59,130,246,.20),transparent 35%),#050816;color:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{border:none;outline:none;font-family:Arial,sans-serif}.glass{background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 15px 40px rgba(0,0,0,.35)}.btn{min-height:52px;padding:0 22px;border-radius:14px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer;transition:.25s;display:flex;align-items:center;justify-content:center;gap:10px}.btn:hover{background:#3b82f6;transform:translateY(-2px);box-shadow:0 0 22px rgba(37,99,235,.45)}.secondary-btn,.demo-login-btn{background:#0f172a;border:1px solid rgba(96,165,250,.28)}.home-logo,.auth-logo,.sidebar-logo img{object-fit:contain;display:block}.home-logo{width:68px;height:68px;border-radius:16px;margin-bottom:20px}.auth-logo{width:60px;height:60px;margin:0 auto 16px;border-radius:16px}.sidebar-logo img{width:50px;height:50px}.home-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px}.home-card{width:100%;max-width:1180px;padding:46px;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}.home-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:rgba(37,99,235,.18);color:#93c5fd;border:1px solid rgba(96,165,250,.25);margin-bottom:20px;font-size:13px}.home-left h1{font-size:52px;line-height:1.08;margin-bottom:18px}.home-left p{color:#94a3b8;font-size:18px;line-height:1.65;margin-bottom:28px}.home-buttons{display:flex;gap:14px;flex-wrap:wrap}.home-right{padding:28px}.home-right h2{font-size:26px;margin-bottom:22px}.feature-box{display:flex;align-items:center;gap:16px;padding:18px;margin-bottom:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.feature-box i{width:44px;height:44px;border-radius:14px;background:rgba(37,99,235,.18);color:#60a5fa;display:flex;align-items:center;justify-content:center}.feature-box h3{font-size:16px;margin-bottom:5px}.feature-box p{color:#94a3b8;font-size:13px;line-height:1.45}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px}.auth-card{width:100%;max-width:410px;padding:32px;text-align:center}.auth-card h1{font-size:32px;margin-bottom:8px}.auth-card p{color:#94a3b8;font-size:14px;line-height:1.5;margin-bottom:24px}.input-box{height:52px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:0 15px;margin-bottom:13px}.input-box i{color:#60a5fa;width:18px}.input-box input{width:100%;height:100%;background:transparent;color:#fff;font-size:15px}.auth-btn,.demo-login-btn{width:100%}.demo-login-btn{margin-top:13px}.auth-link{margin-top:20px;color:#94a3b8;font-size:14px}.auth-link a{color:#60a5fa}.dashboard-layout{display:flex;min-height:100vh}.mobile-topbar{display:none}.sidebar{width:270px;padding:24px;display:flex;flex-direction:column;border-radius:0;position:relative}.sidebar-close{display:none;position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);color:white;cursor:pointer}.sidebar-logo{display:flex;align-items:center;gap:14px;margin-bottom:26px}.sidebar-logo h2{font-size:18px}.sidebar-logo p{font-size:13px;color:#94a3b8}.sidebar-menu{display:flex;flex-direction:column;gap:12px}.menu-item{min-height:54px;padding:0 16px;border-radius:15px;background:rgba(255,255,255,.04);display:flex;align-items:center;gap:13px;transition:.25s}.menu-item i{width:20px;color:#60a5fa}.active-menu,.menu-item:hover{background:#2563eb;transform:translateX(4px)}.admin-only{display:none}.main-content{flex:1;padding:32px}.premium-topbar{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.premium-topbar p,.page-header p{color:#94a3b8}.topbar-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.theme-toggle,.notification-bell{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#60a5fa}.online-box{min-height:52px;padding:0 18px;border-radius:16px;background:rgba(37,99,235,.16);border:1px solid rgba(96,165,250,.25);display:flex;align-items:center;gap:8px}.online-box span{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 14px #22c55e}.user-dropdown{min-height:52px;padding:8px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.user-dropdown img{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-dropdown p{color:#94a3b8;font-size:12px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:30px}.page-header h1{font-size:42px;line-height:1.2}.page-header p{margin-top:8px;line-height:1.6}.role-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(37,99,235,.16);color:#93c5fd;font-size:13px;margin-bottom:14px}.stats-grid,.quick-actions,.payment-grid,.support-grid,.query-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.stat-card,.quick-card,.payment-card,.support-card,.bottom-card,.admin-table,.profile-card,.profile-form,.support-form,.ticket-list,.balance-box,.query-card{padding:28px}.stat-card i,.quick-card i,.payment-card i,.support-card i,.query-card i{width:54px;height:54px;border-radius:16px;background:rgba(37,99,235,.16);color:#60a5fa;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.stat-card p,.query-card p,.payment-card p,.support-card p,.activity-item p{color:#94a3b8;line-height:1.5}.stat-card h2{font-size:31px}.quick-actions{margin-top:28px}.quick-card{display:flex;align-items:center;gap:18px}.quick-card i{margin-bottom:0}.query-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.query-card{position:relative;min-height:250px;background:rgba(15,23,42,.78);border:1px solid rgba(96,165,250,.14);border-radius:24px;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.35);backdrop-filter:blur(16px);transition:.25s}.query-card:hover{border-color:rgba(96,165,250,.38);transform:translateY(-4px);box-shadow:0 0 25px rgba(37,99,235,.25)}.query-card h3{font-size:20px;line-height:1.3;margin-bottom:10px;padding-right:88px;color:#fff}.premium-lock,.free-lock{position:absolute;top:16px;right:16px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.premium-lock{background:rgba(37,99,235,.18);color:#93c5fd}.free-lock{background:rgba(34,197,94,.15);color:#22c55e}.search-box{min-height:60px;display:flex;align-items:center;gap:14px;padding:0 20px;margin-bottom:25px;background:rgba(15,23,42,.75);border:1px solid rgba(96,165,250,.15);border-radius:24px}.search-box input{width:100%;background:transparent;color:#fff;font-size:16px}.search-box i{color:#60a5fa}.small-btn{width:100%;margin-top:18px}.payment-card{text-align:center}.payment-card i{margin:0 auto 18px}.payment-card h1{font-size:42px;margin:14px 0}.payment-card .btn,.support-card .btn,.profile-card .btn,.profile-form .btn,.support-form .btn,.balance-box .btn{width:100%}.balance-box,.support-form,.ticket-list,.admin-table{margin-top:30px}.balance-box input,.profile-form input,.support-form input,.support-form textarea,.admin-edit-box input,.admin-edit-box select{width:100%;min-height:54px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;padding:0 16px;margin-bottom:14px}.support-form textarea{min-height:160px;padding:16px;resize:none}.dashboard-bottom{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-top:30px}.activity-item,.status-box{padding:18px;border-radius:16px;background:rgba(255,255,255,.04);margin-bottom:14px;display:flex;align-items:center;gap:14px}.activity-item i{min-width:44px;width:44px;height:44px;border-radius:14px;background:rgba(37,99,235,.16);color:#60a5fa;display:flex;align-items:center;justify-content:center}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-toolbar input{min-height:50px;min-width:260px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:white;padding:0 16px}.admin-row{display:grid;grid-template-columns:1.2fr .8fr 1fr auto;gap:14px;align-items:center;padding:18px;border-radius:16px;background:rgba(255,255,255,.04);margin-bottom:14px}.admin-row p{color:#94a3b8;margin-top:5px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.danger-btn{background:#dc2626}.unban-btn{background:#16a34a}.admin-edit-box{margin-top:28px;padding:25px}.admin-edit-box select option{color:#111827}.admin-log-box{margin-top:28px}.profile-grid{display:grid;grid-template-columns:350px 1fr;gap:24px}.profile-card{text-align:center}.profile-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(96,165,250,.35);margin-bottom:18px}.profile-card p{color:#94a3b8;margin:8px 0 20px}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.support-card p{margin:12px 0 22px}.empty-state{padding:22px;border-radius:16px;color:#94a3b8;background:rgba(255,255,255,.04);display:flex;align-items:center;gap:12px}.toast{position:fixed;right:22px;bottom:22px;background:#0f172a;color:white;border:1px solid rgba(96,165,250,.25);border-radius:14px;padding:15px 20px;box-shadow:0 0 25px rgba(37,99,235,.25);transform:translateY(110px);opacity:0;transition:.3s;z-index:9999}.toast.show{transform:translateY(0);opacity:1}@media(max-width:900px){.home-page{padding:12px;align-items:flex-start}.home-card{padding:18px 15px;border-radius:18px;grid-template-columns:1fr;gap:17px}.home-logo{width:52px;height:52px;margin-bottom:11px}.home-left h1{font-size:26px}.home-left p{font-size:13px;line-height:1.45}.home-buttons{flex-direction:column}.home-buttons .btn{width:100%}.home-right{padding:15px}.auth-page{padding:12px;align-items:flex-start}.auth-card{max-width:100%;padding:22px 16px;margin-top:10px}.auth-logo{width:50px;height:50px}.mobile-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px;position:sticky;top:0;z-index:999;background:#050816;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-btn{width:52px;padding:0}.dashboard-layout{display:block}.sidebar{position:fixed;left:-300px;top:0;width:270px;height:100vh;z-index:1000;background:#07111f;transition:.3s;overflow-y:auto;padding-top:70px}.sidebar-close{display:flex;align-items:center;justify-content:center}.main-content{padding:14px}.premium-topbar{flex-direction:column;align-items:flex-start;padding:18px}.topbar-actions{width:100%;flex-direction:column;align-items:stretch}.theme-toggle,.notification-bell,.online-box,.user-dropdown{width:100%;justify-content:center}.page-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}.page-header h1{font-size:29px}.stats-grid,.quick-actions,.payment-grid,.support-grid,.dashboard-bottom,.profile-grid,.query-grid{grid-template-columns:1fr}.stat-card,.quick-card,.payment-card,.support-card,.bottom-card,.admin-table,.profile-card,.profile-form,.support-form,.ticket-list,.balance-box,.query-card{padding:18px}.query-card{min-height:auto}.dashboard-bottom{gap:18px}.admin-row{grid-template-columns:1fr}.admin-actions{flex-direction:column;width:100%}.admin-actions .btn{width:100%}.query-card h3{font-size:18px}.admin-toolbar input{width:100%;min-width:100%}}
