@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);:root{--accent:#7643C9;--workspace:#f5f3f8;--hover-bg:rgba(118, 67, 201, .08);--active-bg:rgba(118, 67, 201, .12);--sidebar-width:250px;--topbar-h:64px;--purple:linear-gradient(135deg, #a258ff, #7d33ff)}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:"Jost",sans-serif;background:var(--workspace);height:100vh;overflow:hidden}a{text-decoration:none!important;color:inherit}.topbar{position:sticky;top:0;z-index:1030;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:#fff;border-bottom:1px solid #E9E9F0}#menu-toggle{border:none;background:#fff0;font-size:1.8rem;line-height:1;color:var(--accent)}.brand-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (min-width:992px){.brand-center{left:calc(50% + var(--sidebar-width)/2)}}.brand-center img{height:34px}#sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-width);background:#fff;border-right:1px solid #E9E9F0;overflow-y:auto;transition:left .25s ease;z-index:2000}@media (max-width:991.98px){#sidebar{left:-260px}}#sidebar.open{left:0}.sidebar-header{height:var(--topbar-h);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #E9E9F0}.sidebar-header img{height:34px}.sidebar-nav{list-style:none;margin:0;padding:0 0 24px}.sidebar-nav .nav-link{display:flex;align-items:center;gap:14px;white-space:nowrap;padding:10px 20px;font-size:.95rem;color:#4B4B4B;border-radius:10px;transition:background .15s,color .15s}.sidebar-nav .nav-link:hover{background:var(--hover-bg);color:var(--accent)}.sidebar-nav .nav-link.active{background:var(--active-bg);color:var(--accent);font-weight:600}.sidebar-nav i{font-size:1rem}.sidebar-nav .link-text{flex-grow:1}.nav-link[data-bs-toggle="collapse"] .bi-chevron-down{transition:transform .25s}.nav-link[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg)}#content{padding:2rem;margin-top:var(--topbar-h);overflow-y:auto;height:calc(100vh - var(--topbar-h))}@media (min-width:992px){#content{margin-left:var(--sidebar-width)}}.primery{color:#7643C9}.footer{position:sticky;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:#fff;border-top:1px solid #E9E9F0;font-size:.85rem;color:#6c6c6c}@media(min-width:992px){.footer{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}}@media(min-width:992px){.footer{margin-left:var(--sidebar-width)}}.card .card-header{background:#fff;border-bottom:1px solid #d8dae0;font-size:18px;font-weight:500;padding:16px 24px;line-height:1.1em;color:#403883}.card .card-header:hover{background:#f6f6f6}.hosting-item{border-radius:.5rem;padding:.75rem 1rem;min-height:72px}.plan-icon{width:48px;height:48px;border-radius:.5rem;background:var(--accent-orange);display:flex;align-items:center;justify-content:center;margin-right:.75rem}.plan-name{font-weight:600;color:#403883}.plan-expire{font-size:.875rem;color:var(--text-light)}.icon-img{width:48px;height:48px;display:block}.plan-name{font-weight:600;line-height:1.1}.btn-primary{font-size:14px;line-height:24px;font-weight:600;padding:8px 24px;background:var(--purple);border-radius:8px;border-color:var(--purple)}.btn-primary:hover{background:linear-gradient(135deg,#a258ff,#7240c9);border-color:linear-gradient(135deg,#a258ff,#7240c9)}body{color:#403883}h1,h2,h3,h4,h5,th{color:#403883}.dataTables_filter{display:flex;justify-content:end;margin-bottom:10px}.dataTables_info,.dataTables_length{display:none}.toolbar{align-items:center;justify-content:center;display:flex;gap:20px}.profile{display:flex;align-items:center;gap:10px;cursor:pointer}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#b66dff,#7f39fb);color:#fff;display:flex;align-items:center;justify-content:center}.h2-card{background:#fff;border:1px solid #e3d9f1;border-radius:22px;overflow:hidden;box-shadow:0 4px 14px rgb(140 95 255 / .12)}.h2-card-header{padding:18px 22px;border-bottom:1px solid #ece4f6;font-size:1.2rem;font-weight:600;margin-bottom:10px}.h2-card-body{padding:22px}.shortcut-icon{width:60px;height:60px;border-radius:14px;background:#f5ecff;color:#8f45ef;font-size:25px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.shortcut-icon:hover{transform:translateY(-4px)}.w-hidden{display:none}.disabled{opacity:.5}.server-info-list{display:flex;flex-direction:column;gap:14px}.server-info-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#faf7ff;border:1px solid rgb(124 58 237 / .08);transition:all 0.25s ease}.server-info-row:hover{background:rgb(124 58 237 / .05)}.server-info-row small{display:block;font-size:12px;color:#8b8b8b;margin-bottom:4px}.server-info-row strong{font-size:15px;font-weight:600;color:#222}.copy-btn{width:38px;height:38px;border:none;border-radius:10px;background:#f3ebff;color:#7c3aed;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#7c3aed;color:#fff}.invoice-alert{padding:18px 22px;border-radius:18px;background:rgb(239 68 68 / .05);border:1px solid rgb(239 68 68 / .08);margin-bottom:22px}.alert-icon{width:46px;height:46px;border-radius:14px;background:rgb(239 68 68 / .1);color:#ef4444;display:flex;align-items:center;justify-content:center;font-size:18px}.alert-title{font-size:15px;font-weight:600;color:#222}.alert-subtitle{font-size:13px;color:#777;margin-top:2px}.pay-btn{padding:10px 18px;border-radius:12px;background:#7c3aed;color:#fff;text-decoration:none;font-weight:500;transition:all 0.25s ease}.pay-btn:hover{background:#6d28d9;color:#fff;transform:translateY(-1px)}.custom-alert{padding:18px 22px;border-radius:18px;margin-bottom:22px;border:1px solid #fff0}.alert-flex{display:flex;align-items:center;gap:16px}.alert-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.alert-title{font-size:15px;font-weight:600;color:#222;margin-bottom:4px}.alert-message,.alert-content{font-size:14px;line-height:1.6;color:#666}.alert-list{margin:8px 0 0;padding-left:18px}.alert-success{background:rgb(34 197 94 / .05);border-color:rgb(34 197 94 / .08)}.alert-success .alert-icon{background:rgb(34 197 94 / .1);color:#22c55e}.alert-danger{background:rgb(239 68 68 / .05);border-color:rgb(239 68 68 / .08)}.alert-danger .alert-icon{background:rgb(239 68 68 / .1);color:#ef4444}.alert-warning{background:rgb(245 158 11 / .05);border-color:rgb(245 158 11 / .08)}.alert-warning .alert-icon{background:rgb(245 158 11 / .1);color:#f59e0b}.alert-info{background:rgb(59 130 246 / .05);border-color:rgb(59 130 246 / .08)}.alert-info .alert-icon{background:rgb(59 130 246 / .1);color:#3b82f6}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{font-size:14px;font-weight:600;padding:8px 24px;background:var(--purple);color:#fff;border-color:var(--purple)}.nav-link{color:#8f45ef}.nav-link:hover{color:#8f45ef}#content{margin-top:15px}.download-item{display:flex;gap:18px;padding:20px;border-radius:18px;background:#faf7ff;border:1px solid rgb(124 58 237 / .08);height:100%;transition:all 0.25s ease}.download-item:hover{transform:translateY(-3px);background:rgb(124 58 237 / .04);box-shadow:0 10px 24px rgb(124 58 237 / .08)}.download-icon{width:54px;height:54px;border-radius:14px;background:#f3ebff;color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.download-content{flex:1}.download-title{font-size:16px;font-weight:600;margin-bottom:8px;color:#222}.download-description{font-size:14px;color:#777;margin-bottom:16px;line-height:1.6}.download-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:#7c3aed;color:#fff!important;text-decoration:none;font-size:14px;font-weight:500;transition:all 0.25s ease}.download-btn:hover{background:#6d28d9;transform:translateY(-1px);text-decoration:none}.addon-item{height:100%;padding:22px;border-radius:20px;background:#faf7ff;border:1px solid rgb(124 58 237 / .08);transition:all 0.25s ease}.addon-item:hover{transform:translateY(-3px);background:rgb(124 58 237 / .04);box-shadow:0 10px 24px rgb(124 58 237 / .08)}.addon-top{display:flex;align-items:center;gap:16px;margin-bottom:20px}.addon-icon{width:56px;height:56px;border-radius:16px;background:#f3ebff;color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.addon-info{flex:1}.addon-title{font-size:16px;font-weight:600;color:#222;margin-bottom:6px}.addon-status{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.status-active{background:rgb(34 197 94 / .1);color:#22c55e}.status-suspended{background:rgb(239 68 68 / .1);color:#ef4444}.status-pending{background:rgb(245 158 11 / .1);color:#f59e0b}.addon-details{display:flex;flex-direction:column;gap:14px}.addon-detail-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgb(124 58 237 / .06)}.addon-detail-row:last-child{border-bottom:none;padding-bottom:0}.addon-detail-row span{font-size:13px;color:#777}.addon-detail-row strong{font-size:14px;font-weight:600;color:#222}.addon-footer{margin-top:20px;padding-top:18px;border-top:1px solid rgb(124 58 237 / .06)}.addon-footer .btn{border-radius:12px;padding:10px 16px;font-size:14px;font-weight:500;transition:all 0.25s ease}.modern-form-group{margin-bottom:24px}.modern-label{display:block;font-size:14px;font-weight:600;color:#222;margin-bottom:10px}.modern-input{width:100%;height:52px;border:1px solid rgb(124 58 237 / .12);border-radius:14px;padding:0 16px;background:#faf7ff;transition:all 0.25s ease;font-size:14px}.modern-input:focus{outline:none;border-color:#7c3aed;background:#fff;box-shadow:0 0 0 4px rgb(124 58 237 / .08)}.password-input-wrapper{display:flex;gap:12px;align-items:center}.generate-btn{height:52px;padding:0 18px;border:none;border-radius:14px;background:#f3ebff;color:#7c3aed;font-size:14px;font-weight:500;white-space:nowrap;transition:all 0.25s ease}.generate-btn:hover{background:#7c3aed;color:#fff}.password-strength-wrapper{margin-top:12px}.password-message{margin-top:10px;font-size:13px;color:#777}.modern-form-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.modern-btn-primary{height:50px;padding:0 22px;border:none;border-radius:14px;background:#7c3aed;color:#fff;font-size:14px;font-weight:600;transition:all 0.25s ease}.modern-btn-primary:hover{background:#6d28d9;transform:translateY(-1px)}.modern-btn-secondary{height:50px;padding:0 22px;border:none;border-radius:14px;background:#f5f5f5;color:#555;font-size:14px;font-weight:500;transition:all 0.25s ease}.modern-btn-secondary:hover{background:#ebebeb}.email-verification-banner .verification-actions{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.btn-close-custom{border:0;background:#fff0;padding:0;font-size:16px;opacity:.7;transition:0.2s ease}.btn-close-custom:hover{opacity:1}.btn-resend-verify-email .loader{margin-right:5px}.service-row{cursor:pointer;padding:10px}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;line-height:1;border:1px solid #fff0}.status-success{background:#eafaf1;color:#1f9254;border-color:#ccebd8}.status-warning{background:#fff7e8;color:#d97706;border-color:#fde7b0}.status-danger{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.table-list{cursor:pointer}.support-department-card{background:#fff;border:1px solid #ece8ff;border-radius:16px;padding:22px;transition:all .3s ease;height:100%}.support-department-card:hover{transform:translateY(-4px);border-color:#7b4dff;box-shadow:0 10px 30px rgb(123 77 255 / .08)}.support-icon{width:52px;height:52px;min-width:52px;border-radius:14px;background:#f4efff;display:flex;align-items:center;justify-content:center;color:#7b4dff;font-size:20px;margin-right:16px}.support-content h5{margin-bottom:6px;color:#2b2b2b;font-weight:600;font-size:18px}.support-content p{margin:0;color:#777;line-height:1.6;font-size:14px}.btn-default{border:1px solid #656565;background-color:#fff}.btn-default:hover{border:1px solid #656565;background-color:#fff}.md-editor>textarea{background:#fff}html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden}.main-layout{display:flex;flex-direction:column;min-height:calc(100vh - var(--topbar-h))}@media (min-width:992px){.main-layout{margin-left:var(--sidebar-width)}}#content{flex:1 0 auto;height:auto!important;overflow:visible!important;padding-bottom:40px;margin-left:0!important}footer.footer{position:static!important;margin-top:auto;width:100%!important;margin-left:0!important}a{color:var(--accent)}.ocl-wrap{padding:36px 0 56px}.ocl-title{font-size:34px;font-weight:500;letter-spacing:.2px;margin-bottom:28px;color:#3a3a3a}.ocl-card{height:110px;border:1px solid #eef0f3;border-radius:4px;background:#fff;box-shadow:0 3px 10px rgb(0 0 0 / .06);text-decoration:none;transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease}.ocl-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 0 0 / .09);border-color:#e2e6ea}.ocl-icon{margin-top:14px;width:50px}.ocl-label{font-size:14px;font-weight:600;color:#6f7fb5}@media (max-width:360px){.ocl-item{width:100%}.ocl-card{height:80px}}.ocl-card.loading-active{pointer-events:none;opacity:.7}.ocl-card .loading-overlay{display:none;position:absolute;inset:0;background:rgb(255 255 255 / .7);border-radius:12px;align-items:center;justify-content:center}.ocl-card.loading-active .loading-overlay{display:flex}.ocl-card .loading-overlay i{font-size:22px}.bg-accent{background:var(--purple)}.notification-bell{cursor:pointer}.ticket-item{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #eee;transition:0.2s ease}.ticket-item:last-child{border-bottom:0}.ticket-item:hover{background:#fafafa}.ticket-left{display:flex;align-items:center;gap:15px}.ticket-icon{width:48px;height:48px;border-radius:12px;background:#f4ecff;color:#7b3ff2;display:flex;align-items:center;justify-content:center;font-size:18px}.ticket-title{font-weight:600;font-size:16px;color:#403883;margin-bottom:4px}.ticket-meta{font-size:13px;color:#777}.ticket-status{padding:6px 14px;border-radius:30px;font-size:13px;font-weight:600}.ticket-status.closed{background:#f1f1f1;color:#666}.ticket-status.open{background:#e7f8ec;color:#1f9254}.ticket-status.customer-reply{background:#fff4e5;color:#d9822b}.icon-color{color:#36363b}.text-color{color:#36363b}