*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:260px;--sidebar-collapsed:72px;--header-h:64px;--accent:#0052cc;--accent2:#003f9e;--accent-glow:rgba(0,82,204,.25);--sidebar-bg:#081b3a;--sidebar-border:hsla(0,0%,100%,.08);--card-bg:#fff;--page-bg:#f0f8ff}body{background:var(--page-bg);color:#102040;font-family:Plus Jakarta Sans,sans-serif;height:100vh;overflow:hidden}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,82,204,.25);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,82,204,.5)}#app{display:flex;height:100vh;width:100%}#sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);width:var(--sidebar-w);z-index:50}#sidebar.collapsed{width:var(--sidebar-collapsed)}#sidebar.collapsed #sidebar-logo,#sidebar.collapsed #sub-content,#sidebar.collapsed .sidebar-text,#sidebar.collapsed .submenu-arrow{display:none!important}#sidebar.collapsed .sidebar-link{justify-content:center;padding:.65rem}#sidebar.collapsed .nav-icon{margin-right:0!important}.sidebar-logo-area{border-bottom:1px solid var(--sidebar-border);height:var(--header-h);justify-content:space-between;padding:0 16px}.logo-mark,.sidebar-logo-area{align-items:center;display:flex;flex-shrink:0}.logo-mark{border-radius:10px;height:34px;justify-content:center;overflow:hidden;width:34px}.logo-mark img{filter:brightness(0) invert(1);height:100%;-o-object-fit:contain;object-fit:contain;width:100%}#sidebar-logo{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#dbeafe);-webkit-background-clip:text;font-size:.95rem;font-weight:800;margin-left:10px;white-space:nowrap}.collapse-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ffffff4d;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:color .2s,background .2s;width:28px}.collapse-btn:hover{background:hsla(0,0%,100%,.07);color:#fff}#sidebar nav{display:flex;flex:1;flex-direction:column;gap:2px;overflow-y:auto;padding:14px 10px}.nav-section-label{color:#ffffff38;font-size:9px;font-weight:800;letter-spacing:.12em;padding:10px 12px 4px;text-transform:uppercase;white-space:nowrap}#sidebar.collapsed .nav-section-label{display:none}.sidebar-link{align-items:center;background:none;border:none;border-radius:10px;color:#ffffff73;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:0;padding:.6rem .85rem;position:relative;text-align:left;text-decoration:none;transition:all .2s;white-space:nowrap;width:100%}.sidebar-link:hover{background:hsla(0,0%,100%,.06);color:#ffffffd9}.sidebar-link.active{background:linear-gradient(90deg,rgba(0,82,204,.25),rgba(0,63,158,.12));box-shadow:inset 2px 0 #0052cc;color:#fff}.sidebar-link.active .nav-icon{color:#60a5fa}.nav-icon{color:#ffffff59;flex-shrink:0;height:18px;margin-right:10px;transition:color .2s;width:18px}.sidebar-link:hover .nav-icon{color:#ffffffb3}.submenu-toggle{justify-content:space-between!important}.submenu-arrow{color:#ffffff40;height:14px;transition:transform .25s;width:14px}.submenu-arrow.open{transform:rotate(180deg)}#sub-content{display:flex;flex-direction:column;gap:2px;margin-top:2px;overflow:hidden;padding-left:28px;transition:max-height .3s ease}#sub-content.hidden-sub{display:none}.sub-link{align-items:center;background:none;border:none;border-radius:8px;color:#ffffff61;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:0;padding:.48rem .85rem;text-align:left;text-decoration:none;transition:all .2s;white-space:nowrap;width:100%}.sub-link:hover{background:hsla(0,0%,100%,.05);color:#ffffffbf}.sub-link.active{color:#93c5fd}.sub-icon{flex-shrink:0;height:14px;margin-right:8px;width:14px}.sidebar-user{border-top:1px solid var(--sidebar-border);gap:10px;padding:12px 10px}.sidebar-avatar,.sidebar-user{align-items:center;display:flex;flex-shrink:0}.sidebar-avatar{background:linear-gradient(135deg,#0052cc,#003f9e);border-radius:50%;box-shadow:0 0 0 2px #0052cc59;color:#fff;font-size:.75rem;font-weight:800;height:34px;justify-content:center;width:34px}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#e2e8f0;font-size:.78rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#ffffff4d;font-size:.68rem;margin-top:1px}.logout-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ffffff40;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:color .2s,background .2s;width:28px}.logout-btn:hover{background:hsla(0,91%,71%,.1);color:#f87171}#main-col{display:flex;flex:1;flex-direction:column;min-width:0}#topbar{align-items:center;backdrop-filter:blur(16px);background:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(0,82,204,.08);box-shadow:0 1px 20px #0000000a;display:flex;flex-shrink:0;gap:16px;height:var(--header-h);padding:0 24px;position:sticky;top:0;z-index:30}.mobile-menu-btn{background:none;border:none;color:#526173;cursor:pointer;display:none}@media (max-width:1023px){.mobile-menu-btn{align-items:center;display:flex}}.topbar-page-title{color:#102040;flex:1;font-size:1rem;font-weight:800}.topbar-badge{background:linear-gradient(90deg,rgba(0,82,204,.1),rgba(0,63,158,.1));border:1px solid rgba(0,82,204,.18);border-radius:20px;color:#0052cc;font-size:.7rem;font-weight:700;padding:3px 10px}.topbar-avatar{align-items:center;background:linear-gradient(135deg,#0052cc,#003f9e);border-radius:50%;box-shadow:0 0 0 2px #0052cc4d;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:800;height:36px;justify-content:center;width:36px}.topbar-name{color:#102040;font-size:.82rem;font-weight:700}.topbar-logout{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:#526173;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:6px;padding:6px 14px;transition:all .2s}.topbar-logout:hover{background:#fff5f5;border-color:#fecaca;color:#ef4444}#page-scroll{background:var(--page-bg);flex:1;overflow-y:auto}.page-inner{margin:0 auto;max-width:1280px;padding:28px}.dash-footer{align-items:center;border-top:1px solid #d8e6f3;color:#526173;display:flex;flex-wrap:wrap;font-size:.76rem;gap:10px;justify-content:space-between;margin-top:32px;padding-top:20px}.dash-footer-support{align-items:center;color:#0052cc;display:inline-flex;font-weight:700;gap:6px;text-decoration:none}.dash-footer-support:hover{color:#003f9e;text-decoration:underline}.tab-content{display:none}.tab-content.active{display:block}.card{background:#fff;border:1px solid rgba(0,82,204,.08);border-radius:16px;box-shadow:0 2px 16px #0000000a}.card-p{padding:24px}.welcome-banner{background:linear-gradient(135deg,#081b3a,#0052cc 40%,#102040);border-radius:20px;margin-bottom:24px;overflow:hidden;padding:36px 40px;position:relative}.welcome-banner:before{background:radial-gradient(circle,rgba(0,82,204,.3) 0,transparent 70%);height:260px;right:-60px;top:-60px;width:260px}.welcome-banner:after,.welcome-banner:before{border-radius:50%;content:"";position:absolute}.welcome-banner:after{background:radial-gradient(circle,rgba(0,63,158,.2) 0,transparent 70%);bottom:-40px;height:180px;left:30%;width:180px}.welcome-content{position:relative;z-index:2}.welcome-tag{align-items:center;background:rgba(0,82,204,.2);border:1px solid rgba(0,82,204,.3);border-radius:20px;color:#93c5fd;display:inline-flex;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.05em;margin-bottom:14px;padding:4px 12px}.welcome-title{color:#fff;font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:6px}.welcome-sub{color:#ffffff8c;font-size:.85rem;font-weight:500}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-card{align-items:center;background:#fff;border:1px solid rgba(0,82,204,.07);border-radius:16px;box-shadow:0 2px 12px #0000000a;cursor:default;display:flex;justify-content:space-between;padding:20px;transition:transform .25s,box-shadow .25s}.stat-card:hover{box-shadow:0 8px 30px #0052cc1f;transform:translateY(-3px)}.stat-label{color:#526173;font-size:.65rem;font-weight:800;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#102040;font-size:1.9rem;font-weight:800;line-height:1}.stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.si-blue{background:rgba(0,82,204,.1);color:#0052cc}.si-green{background:rgba(34,197,94,.1);color:#22c55e}.si-purple{background:rgba(0,63,158,.1);color:#003f9e}.si-sky{background:rgba(32,112,176,.1);color:#2070b0}.quick-actions-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:700px){.quick-actions-grid{grid-template-columns:1fr}}.qa-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.84rem;font-weight:700;gap:10px;justify-content:center;padding:16px 20px;text-decoration:none;transition:all .22s}.qa-btn:hover{transform:translateY(-2px)}.qa-primary{background:linear-gradient(135deg,#0052cc,#003f9e);box-shadow:0 4px 14px #0052cc59;color:#fff}.qa-primary:hover{box-shadow:0 8px 24px #0052cc73}.qa-success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e59;color:#fff}.qa-success:hover{box-shadow:0 8px 24px #22c55e73}.qa-light{background:#f1f5f9;border:1px solid #e2e8f0;color:#526173}.qa-light:hover{background:#e2e8f0}.qa-info{background:linear-gradient(135deg,#2070b0,#0052cc);box-shadow:0 4px 14px #2070b059;color:#fff}.qa-info:hover{box-shadow:0 8px 24px #2070b073}.profile-card{background:#fff;border:1px solid rgba(0,82,204,.08);border-radius:20px;box-shadow:0 4px 24px #0000000d;margin-bottom:20px;overflow:hidden}.profile-banner{background:linear-gradient(135deg,#081b3a,#0052cc 50%,#0052cc);height:110px;overflow:hidden;position:relative}.profile-banner:before{background:radial-gradient(circle,rgba(0,82,204,.35) 0,transparent 70%);height:200px;right:-40px;top:-40px;width:200px}.profile-banner:after,.profile-banner:before{border-radius:50%;content:"";position:absolute}.profile-banner:after{background:radial-gradient(circle,rgba(0,63,158,.25) 0,transparent 70%);bottom:-20px;height:120px;left:20%;width:120px}.profile-body{padding:0 28px 24px}.profile-avatar-row{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:14px;margin-top:-38px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#0052cc,#003f9e);border:4px solid #fff;border-radius:50%;box-shadow:0 6px 20px #0052cc73;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;font-weight:800;height:76px;justify-content:center;position:relative;width:76px;z-index:2}.profile-name{color:#102040;font-size:1.15rem;font-weight:800}.profile-email{color:#526173;font-size:.78rem;font-weight:500;margin-top:3px}.profile-meta-row{flex-wrap:wrap;margin-top:8px}.info-section-title,.profile-meta-row{align-items:center;display:flex;gap:8px}.info-section-title{border-bottom:2px solid #eff6ff;color:#0052cc;font-size:.7rem;font-weight:800;letter-spacing:.1em;margin-bottom:16px;padding-bottom:12px;text-transform:uppercase}.info-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.info-grid{grid-template-columns:1fr}}.info-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1000px){.info-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.info-grid-4{grid-template-columns:1fr}}.info-field{background:#f0f8ff;border:1px solid rgba(0,82,204,.07);border-radius:12px;padding:14px 16px}.info-field-label{color:#526173;font-size:.62rem;font-weight:800;letter-spacing:.09em;margin-bottom:6px;text-transform:uppercase}.info-field-value{color:#102040;font-size:.84rem;font-weight:700}.credential-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:900px){.credential-grid{grid-template-columns:1fr}}.credential-field-wide{grid-column:1/-1}.credential-field{background:#f0f8ff;border:1px solid rgba(0,82,204,.08);border-radius:12px;min-width:0;padding:14px 16px}.credential-label-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.credential-label{color:#526173;font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.credential-value{color:#102040;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:700;line-height:1.5;word-break:break-all}.icon-btn{align-items:center;background:#fff;border:1px solid rgba(0,82,204,.14);border-radius:8px;color:#0052cc;cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn:hover{background:#eff6ff;border-color:#0052cc47;transform:translateY(-1px)}.credential-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px}.credential-note{color:#526173;font-size:.74rem;font-weight:600;line-height:1.5}.rotate-btn{align-items:center;background:linear-gradient(135deg,#0052cc,#003f9e);border:none;border-radius:10px;box-shadow:0 4px 14px #0052cc42;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:800;gap:8px;justify-content:center;padding:10px 14px;transition:all .2s}.rotate-btn:hover{box-shadow:0 8px 24px #0052cc59;transform:translateY(-1px)}.rotate-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.credential-message{color:#16a34a;font-size:.74rem;font-weight:700;min-height:18px}.plugins-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){.plugins-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.plugins-grid{grid-template-columns:1fr}}.plugin-card{background:#fff;border:1px solid rgba(0,82,204,.08);border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s}.plugin-card:hover{border-color:#0052cc33;box-shadow:0 12px 32px #0052cc24;transform:translateY(-4px)}.plugin-icon{align-items:center;background:linear-gradient(135deg,rgba(0,82,204,.12),rgba(0,63,158,.18));border-radius:14px;color:#0052cc;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.plugin-name{color:#102040;font-size:.95rem;font-weight:800;margin-bottom:6px}.plugin-desc{color:#526173;flex:1;font-size:.77rem;line-height:1.55;margin-bottom:18px}.plugin-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:16px}.dl-btn{align-items:center;background:linear-gradient(135deg,#0052cc,#003f9e);border:none;border-radius:9px;box-shadow:0 3px 10px #0052cc4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s}.dl-btn:hover{box-shadow:0 6px 20px #0052cc73;transform:translateY(-1px)}.dl-btn:disabled{cursor:not-allowed;opacity:.7}.plans-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.plans-grid{grid-template-columns:1fr}}.plan-card{background:#fff;border:1.5px solid rgba(0,82,204,.1);border-radius:20px;box-shadow:0 2px 16px #0000000d;display:flex;flex-direction:column;padding:28px;position:relative;transition:transform .25s,box-shadow .25s}.plan-card:hover{box-shadow:0 16px 40px #0052cc26;transform:translateY(-4px)}.plan-card.popular{background:linear-gradient(160deg,#fff,#eff6ff);border-color:#0052cc;box-shadow:0 8px 40px #0052cc33;transform:scale(1.02)}.plan-card.popular:hover{transform:scale(1.02) translateY(-4px)}.popular-badge{background:linear-gradient(90deg,#0052cc,#003f9e);border-radius:20px;box-shadow:0 4px 12px #0052cc66;color:#fff;font-size:.65rem;font-weight:800;left:50%;letter-spacing:.1em;padding:4px 16px;position:absolute;top:-14px;transform:translate(-50%);white-space:nowrap}.plan-name{color:#102040;font-size:1rem;font-weight:800;margin-bottom:4px}.plan-price{color:#0052cc;font-size:2rem;font-weight:900;line-height:1;margin:12px 0 4px}.plan-price span{color:#526173;font-size:.78rem;font-weight:600}.plan-validity{color:#526173;font-size:.72rem;font-weight:600;margin-bottom:22px}.plan-features{display:flex;flex:1;flex-direction:column;gap:10px;list-style:none;margin-bottom:24px}.plan-feature{align-items:flex-start;color:#526173;display:flex;font-size:.8rem;font-weight:600;gap:8px}.feature-check{color:#22c55e;flex-shrink:0;height:16px;margin-top:1px;width:16px}.plan-cta{border:none;border-radius:12px;cursor:pointer;font-size:.84rem;font-weight:800;padding:13px;transition:all .22s;width:100%}.plan-cta-primary{background:linear-gradient(135deg,#0052cc,#003f9e);box-shadow:0 4px 14px #0052cc59;color:#fff}.plan-cta-primary:hover{box-shadow:0 8px 24px #0052cc80}.plan-cta-outline{background:#fff;border:1.5px solid #0052cc!important;color:#0052cc}.plan-cta-outline:hover{background:rgba(0,82,204,.06)}.plan-cta-disabled{background:#f1f5f9;color:#526173;cursor:not-allowed}.orders-table-wrap{background:#fff;border:1px solid rgba(0,82,204,.08);border-radius:16px;box-shadow:0 2px 12px #0000000a;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table thead tr{background:#f0f8ff;border-bottom:1px solid rgba(0,82,204,.08)}.orders-table th{color:#526173;font-size:.64rem;font-weight:800;letter-spacing:.09em;padding:14px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.orders-table td{border-bottom:1px solid #f0f8ff;color:#102040;font-size:.81rem;font-weight:600;padding:15px 20px;white-space:nowrap}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover td{background:#f0f8ff}.order-id{color:#526173;font-family:monospace;font-size:.78rem}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;gap:5px;padding:4px 10px}.status-paid{background:#ecfdf5;color:#16a34a}.status-pending{background:#fffbeb;color:#d97706}.status-failed{background:#fef2f2;color:#dc2626}.empty-state{background:rgba(0,82,204,.02);border:1.5px dashed rgba(0,82,204,.2);border-radius:16px;padding:60px 20px;text-align:center}.empty-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#526173;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.empty-title{color:#102040;font-size:1rem;font-weight:800;margin-bottom:6px}.empty-sub{color:#526173;font-size:.78rem;font-weight:500;margin-bottom:20px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;padding:3px 10px}.badge-green{background:#ecfdf5;color:#16a34a}.badge-red{background:#fef2f2;color:#dc2626}.badge-blue{background:#eff6ff;color:#3b82f6}.badge-yellow{background:#fffbeb;color:#d97706}.badge-indigo{background:#eff6ff;color:#0052cc}#sidebar-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);display:none;inset:0;position:fixed;z-index:40}@media (max-width:1023px){#sidebar{bottom:0;left:0;position:fixed;top:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s}#sidebar.mobile-open{transform:translate(0)}#sidebar-overlay.visible{display:block}}#loading-screen{align-items:center;background:#f0f8ff;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:999}.spinner{animation:spin .8s linear infinite;border:3px solid rgba(0,82,204,.15);border-radius:50%;border-top-color:#0052cc;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.spinner-text{color:#526173;font-size:.82rem;font-weight:700}.fade-in{animation:fadeIn .35s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}