html,body{background:#f4f6f8;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font-family:inherit}#root{min-height:100vh}*{box-sizing:border-box}body{color:#1f2937;background:#f4f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}.app{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:20px;width:100%;max-width:520px;padding:48px;box-shadow:0 10px 35px #0000001a}.brand{text-align:center;margin-bottom:35px}.login-logo{object-fit:contain;border-radius:14px;width:min(230px,72%);height:auto;max-height:115px;margin:0 auto 16px;display:block}body.dark-mode .login-logo{filter:brightness(1.04)}.brand h1{color:#111827;margin:0;font-size:36px}.brand p{color:#64748b;margin-top:8px;font-size:18px}.login-card h2{color:#111827;margin-bottom:8px;font-size:28px}.login-subtitle{color:#64748b;margin-top:0;margin-bottom:25px;font-size:17px}.form-group{margin-bottom:20px}.form-group label{color:#111827;margin-bottom:8px;font-weight:600;display:block}.form-group input{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:15px;font-size:16px}.form-group input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.login-button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;width:100%;padding:15px;font-size:17px;font-weight:600;transition:all .2s}.login-button:hover{background:#4f46e5}.login-button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#b91c1c;background:#fee2e2;border-radius:10px;margin-bottom:20px;padding:14px;font-size:15px}.footer-text{text-align:center;color:#94a3b8;margin-top:30px;font-size:14px}.dashboard{background:#f4f6f8;min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;flex-direction:column;width:250px;min-height:100vh;padding:28px 18px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #374151;padding:0 12px 30px}.sidebar-brand h1{color:#fff;margin:0;font-size:25px}.sidebar-brand p{color:#9ca3af;margin:7px 0 0;font-size:13px}.sidebar-nav{flex-direction:column;gap:8px;margin-top:25px;display:flex}.nav-item{color:#d1d5db;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:13px 15px;font-size:15px;transition:all .2s}.nav-item:hover{color:#fff;background:#1f2937}.nav-item.active{color:#fff;background:#6366f1;font-weight:600}.logout-button{color:#d1d5db;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:8px;width:100%;margin-top:auto;padding:13px;font-size:15px}.logout-button:hover{color:#fff;background:#dc2626;border-color:#dc2626}.main-content{flex:1;min-width:0;margin-left:250px}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:75px;padding:0 35px;display:flex}.topbar h2{color:#111827;margin:0;font-size:22px}.topbar-user{color:#374151;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.account-badge{color:#4f46e5;text-transform:capitalize;background:#eef2ff;border-radius:20px;padding:6px 10px;font-size:12px}.page-content{max-width:1300px;padding:35px}.welcome-section{margin-bottom:30px}.welcome-section h1{color:#111827;margin:0 0 10px;font-size:32px}.welcome-section p{color:#64748b;margin:0;font-size:16px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:25px;box-shadow:0 4px 15px #0000000a}.stat-label{color:#64748b;margin-bottom:12px;font-size:14px;font-weight:600}.stat-value{color:#111827;font-size:25px;font-weight:700}.account-type{text-transform:capitalize}.email-value{word-break:break-word;font-size:17px}.section-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px;box-shadow:0 4px 15px #0000000a}.section-card h2{color:#111827;margin-top:0;margin-bottom:10px}.section-card p{color:#64748b}.quick-actions{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}.quick-actions button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:13px 15px;font-size:14px;font-weight:600;transition:all .2s}.quick-actions button:hover{background:#4f46e5;transform:translateY(-1px)}.wallet-balance{color:#111827;margin:20px 0;font-size:36px;font-weight:700}@media (width<=900px){.sidebar{width:210px}.main-content{margin-left:210px}.stats-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}}@media (width<=700px){.dashboard{display:block}.sidebar{width:100%;min-height:auto;position:relative}.sidebar-nav{flex-flow:wrap}.nav-item{width:auto}.logout-button{margin-top:20px}.main-content{margin-left:0}.topbar{padding:0 20px}.page-content{padding:20px}.quick-actions{grid-template-columns:1fr}.welcome-section h1{font-size:26px}}.referrals-page{gap:20px;display:grid}.referrals-page .welcome-section{margin-bottom:0}.referral-share-card{grid-template-columns:minmax(150px,.7fr) minmax(220px,2fr) auto;align-items:end;gap:16px;display:grid}.referral-eyebrow{color:#64748b;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.referral-code{color:#4f46e5;letter-spacing:.04em;font-size:24px;display:block}.referral-link-field{color:#64748b;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:600;display:flex}.referral-link-field input{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;padding:11px 12px;font-weight:400}.referral-copy-button{white-space:nowrap;min-height:42px}.referral-copy-button:disabled{cursor:not-allowed;opacity:.6}.referral-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;margin-bottom:0}.referral-list{gap:0;display:grid}.referral-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.referral-row:last-child{border-bottom:0}.referral-row>div{flex-direction:column;gap:5px;display:flex}.referral-row>div>span{color:#64748b;font-size:13px}.referral-row-result{align-items:flex-end}.referral-status{font-weight:700}.referral-status.rewarded{color:#15803d}.referral-status.pending{color:#a16207}body.dark-mode .referral-eyebrow,body.dark-mode .referral-link-field,body.dark-mode .referral-row>div>span{color:#94a3b8}body.dark-mode .referral-link-field input{color:#f8fafc;background:#0f172a;border-color:#475569}body.dark-mode .referral-row{border-color:#334155}@media (width<=700px){.referral-stats-grid{grid-template-columns:1fr}.referral-share-card{grid-template-columns:1fr;align-items:stretch}.referral-copy-button{width:100%}}@media (width>=701px) and (width<=900px){.referral-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.services-header{margin-bottom:30px}.services-header h1{color:#0f172a;margin:0 0 8px;font-size:36px}.services-header p{color:#64748b;margin:0;font-size:18px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 25px #0f172a0f}.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0f172a1a}.service-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.service-platform{color:#4f46e5;text-transform:capitalize;background:#eef2ff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-block}.service-status{color:#15803d;font-size:13px;font-weight:700}.service-card h2{color:#0f172a;margin:0 0 12px;font-size:24px}.service-description{color:#64748b;min-height:48px;margin:0 0 24px;line-height:1.6}.service-price{background:#f8fafc;border-radius:12px;margin-bottom:18px;padding:18px}.service-price span{color:#64748b;margin-bottom:6px;font-size:14px;display:block}.service-price strong{color:#0f172a;font-size:25px}.service-limits{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}.service-limits div{border:1px solid #e2e8f0;border-radius:10px;padding:14px}.service-limits span{color:#64748b;margin-bottom:5px;font-size:13px;display:block}.service-limits strong{color:#0f172a;font-size:16px}.service-order-button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:background .2s}.service-order-button:hover{background:#4f46e5}.service-order-button:disabled{cursor:not-allowed;background:#cbd5e1}.admin-order-tools{flex-wrap:wrap;gap:15px;margin-bottom:15px;display:flex}.admin-search-input{box-sizing:border-box;border:1px solid #d9dce3;border-radius:10px;flex:1;min-width:280px;padding:14px;font-size:16px}.admin-filter-select{background:#fff;border:1px solid #d9dce3;border-radius:10px;min-width:180px;padding:14px;font-size:16px}.admin-order-summary{color:#64748b;margin-bottom:20px;font-size:14px}.admin-order-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.admin-order-header h3{margin:0}.order-status{text-transform:capitalize;border-radius:20px;padding:7px 12px;font-size:13px;font-weight:700}.status-pending{color:#856404;background:#fff3cd}.status-processing{color:#084298;background:#cfe2ff}.status-completed{color:#0f5132;background:#d1e7dd}.status-failed{color:#842029;background:#f8d7da}.status-cancelled{color:#41464b;background:#e2e3e5}.order-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.order-action-button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:11px 20px;font-weight:600}.order-action-button:hover{opacity:.9}.cancel-button{background:#dc3545}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.pagination-button{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 18px;font-weight:600}.pagination-button:hover:not(:disabled){background:#f1f5f9}.pagination-button:disabled{color:#64748b;opacity:1;cursor:not-allowed;background:#e2e8f0;border-color:#cbd5e1}body.dark-mode .pagination-button{color:#f8fafc;background:#334155;border-color:#64748b}body.dark-mode .pagination-button:hover:not(:disabled){background:#475569}body.dark-mode .pagination-button:disabled{color:#cbd5e1;opacity:1;background:#475569;border-color:#64748b}.auth-link-button{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;font-weight:600;transition:color .2s,opacity .2s}.auth-link-button:hover{color:#4f46e5;opacity:.85}.auth-link-button:focus{outline:none;text-decoration:underline}.auth-switch{text-align:center;color:#6b7280;margin-top:18px;font-size:14px}.success-message{color:#1b6e35;background:#eaf8ef;border:1px solid #b7e4c7;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.5}.service-management-page .section-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:24px;padding:28px;box-shadow:0 8px 30px #0f172a0f}.service-management-page .section-card:first-child{background:linear-gradient(135deg,#fff 0%,#f8f9ff 100%);padding:30px 32px}.service-management-page .section-card:first-child h2{color:#111827;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:800}.service-management-page .section-card:first-child p{color:#64748b;margin:0;font-size:15px;line-height:1.6}.service-management-page .section-card h3{color:#111827;margin:0 0 22px;font-size:21px;font-weight:750}.service-management-page form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.service-management-page form input[type=text],.service-management-page form input[type=number],.service-management-page form select,.service-management-page form textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d7dce5;border-radius:11px;outline:none;width:100%;padding:13px 15px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.service-management-page form textarea{resize:vertical;grid-column:1/-1;min-height:120px;font-family:inherit;line-height:1.5}.service-management-page form input[type=text]:focus,.service-management-page form input[type=number]:focus,.service-management-page form select:focus,.service-management-page form textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.service-management-page form input::placeholder,.service-management-page form textarea::placeholder{color:#9ca3af}.service-management-page form select{cursor:pointer}.service-management-page form>label{color:#1f2937;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:11px;grid-column:1/-1;align-items:center;gap:10px;min-height:48px;padding:13px 15px;font-size:15px;font-weight:650;display:flex}.service-management-page form>label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:19px;height:19px}.service-management-page .order-actions{border-top:1px solid #eef0f4;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;padding-top:8px;display:flex}.service-management-page .login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;min-width:170px;min-height:46px;padding:12px 22px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 6px 16px #4f46e538}.service-management-page .login-button:hover{transform:translateY(-1px);box-shadow:0 9px 20px #4f46e547}.service-management-page .login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.service-management-page .cancel-button{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #d8dee8;border-radius:10px;min-height:46px;padding:12px 20px;font-size:15px;font-weight:700}.service-management-page .cancel-button:hover{background:#e2e8f0}.service-management-page .error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0 0 18px;padding:12px 14px;font-size:14px;line-height:1.5}.service-management-page .section-card:last-child{overflow:hidden}.service-management-page .section-card:last-child>h3{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;display:flex}.service-management-page .section-card:last-child>div{margin-top:18px}.service-management-page .section-card:last-child>div>div{background:#fff;border:1px solid #e6e9ef;border-radius:15px;margin-bottom:16px;padding:22px;transition:box-shadow .2s,border-color .2s,transform .2s}.service-management-page .section-card:last-child>div>div:hover{border-color:#cfd4ff;transform:translateY(-1px);box-shadow:0 8px 24px #0f172a12}.service-management-page .section-card:last-child h4{color:#111827;margin:0 0 12px;font-size:19px;font-weight:750}.service-management-page .section-card:last-child p{color:#64748b;font-size:14px;line-height:1.6}.service-management-page .section-card:last-child p strong{color:#334155}.service-management-page .section-card:last-child .order-actions{border-top:none;justify-content:flex-start;margin-top:18px;padding-top:0}.service-management-page .order-action-button{cursor:pointer;border:none;border-radius:9px;min-height:42px;padding:10px 17px;font-size:14px;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .15s}.service-management-page .order-action-button:hover{opacity:.94;transform:translateY(-1px)}.service-management-page .order-action-button:not(.cancel-button):not(.delete-button){color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.service-management-page .delete-button{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.service-management-page .status-active{color:#15803d;background:#dcfce7;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:13px;font-weight:700;display:inline-flex}.service-management-page .status-inactive{color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:13px;font-weight:700;display:inline-flex}@media (width<=800px){.service-management-page{padding:16px}.service-management-page .section-card{border-radius:14px;padding:20px}.service-management-page form{grid-template-columns:1fr;gap:16px}.service-management-page form textarea,.service-management-page form>label,.service-management-page .order-actions{grid-column:auto}.service-management-page .order-actions{flex-direction:column;align-items:stretch}.service-management-page .login-button,.service-management-page .cancel-button{width:100%}}.service-management-page{max-width:1400px;margin:0 auto;padding:28px}.services-management-card{overflow:hidden}.services-section-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding-bottom:22px;display:flex}.services-section-header h3{color:#111827;margin:0 0 6px!important;font-size:24px!important}.services-section-subtitle{color:#64748b!important;margin:0!important;font-size:14px!important}.services-count{color:#4f46e5;text-align:center;background:#eef2ff;border-radius:12px;min-width:76px;padding:10px 15px}.services-count span{font-size:20px;font-weight:800;line-height:1.1;display:block}.services-count small{text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:11px;font-weight:700;display:block}.service-list{flex-direction:column;gap:16px;display:flex}.service-management-page .service-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 16px #0f172a0a;margin:0!important}.service-management-page .service-card:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a14}.service-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.service-title-area{align-items:center;gap:13px;display:flex}.service-platform-icon{color:#4f46e5;background:#eef2ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex}.service-card-title{color:#111827!important;margin:0!important;font-size:18px!important;font-weight:750!important}.service-platform-text{color:#64748b;text-transform:capitalize;margin-top:4px;font-size:12px;font-weight:600;display:inline-block}.service-status{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:750;display:inline-flex}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.service-status-active{color:#15803d;background:#ecfdf3}.service-status-active .status-dot{background:#22c55e}.service-status-inactive{color:#64748b;background:#f1f5f9}.service-status-inactive .status-dot{background:#94a3b8}.service-card-description{border-bottom:1px solid #f0f2f5;padding-bottom:18px;color:#64748b!important;margin:0 0 18px!important;font-size:14px!important;line-height:1.6!important}.service-info-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.service-info-box{background:#f8fafc;border:1px solid #edf0f4;border-radius:11px;min-width:0;padding:14px}.service-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.service-info-box strong{color:#111827;font-size:16px;font-weight:750;display:inline-block}.service-info-box small{color:#94a3b8;margin-left:5px;font-size:11px}.service-card-footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;padding-top:17px;display:flex}.service-quantity-summary span{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:11px;font-weight:650;display:block}.service-quantity-summary strong{color:#334155;font-size:14px}.service-actions{align-items:center;gap:8px;display:flex}.service-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:9px 14px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.service-button:hover{transform:translateY(-1px)}.service-edit-button{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.service-edit-button:hover{background:#e0e7ff}.service-toggle-button{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.service-toggle-button:hover{background:#fef3c7}.service-activate-button{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.service-activate-button:hover{background:#dcfce7}.service-delete-button{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.service-delete-button:hover{background:#fee2e2}.services-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:160px;display:flex}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;width:28px;height:28px;margin-bottom:12px;animation:.8s linear infinite service-spin}@keyframes service-spin{to{transform:rotate(360deg)}}.empty-services{text-align:center;padding:45px 20px}.empty-services-icon{color:#6366f1;background:#eef2ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:30px;font-weight:300;display:flex}.empty-services h4{color:#111827;margin:0 0 6px;font-size:17px}.empty-services p{color:#64748b;margin:0;font-size:14px}@media (width<=900px){.service-info-grid{grid-template-columns:repeat(2,1fr)}.service-card-footer{flex-direction:column;align-items:flex-start}.service-actions{width:100%}.service-button{flex:1}}@media (width<=600px){.service-management-page{padding:14px}.services-section-header{align-items:flex-start}.service-info-grid{grid-template-columns:1fr 1fr}.service-card-header{align-items:flex-start}.service-status{font-size:11px}.service-actions{flex-direction:column;width:100%}.service-button{width:100%}}.service-form-header h3{color:#111827!important;margin:0 0 6px!important;font-size:24px!important}.service-form-header p{color:#64748b!important;margin:0!important;font-size:14px!important}.service-form-badge{color:#4f46e5;letter-spacing:.5px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:11px;font-weight:800}.service-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin:20px 0 0;padding:12px 14px;display:flex}.service-form-error span{color:#fff;background:#dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.service-form-error p{margin:0;font-size:13px;font-weight:600}.service-form-section-title h4{color:#111827;margin:0 0 3px;font-size:16px;font-weight:750}.service-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.service-field input,.service-field select,.service-field textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #dbe1ea;border-radius:11px;width:100%;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.service-field input:focus,.service-field select:focus,.service-field textarea:focus{background:#fcfcff;border-color:#818cf8;outline:none;box-shadow:0 0 0 3px #6366f11a}.service-description-field{margin-top:18px}.service-description-field small{color:#94a3b8;margin-top:7px;font-size:11px;display:block}.service-input-prefix{background:#fff;border:1px solid #dbe1ea;border-radius:11px;align-items:center;min-height:48px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.service-input-prefix:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.service-input-prefix>span{color:#64748b;padding-left:14px;font-size:13px;font-weight:700}.service-input-prefix input{flex:1;min-height:46px!important;box-shadow:none!important;border:none!important;border-radius:0!important}.service-input-prefix small{color:#94a3b8;padding-right:14px;font-size:12px}.service-status-section{border-bottom:none}.service-status-toggle{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:14px;padding:15px;transition:border-color .15s,background .15s;display:flex;position:relative}.service-status-toggle:hover{background:#fafaff;border-color:#c7d2fe}.service-toggle-slider{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.service-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a33}.service-status-toggle input:checked+.service-toggle-slider{background:#22c55e}.service-status-toggle input:checked+.service-toggle-slider:after{transform:translate(20px)}.service-toggle-content{flex-direction:column;gap:3px;display:flex}.service-toggle-content strong{color:#1e293b;font-size:13px}.service-toggle-content small{color:#64748b;font-size:11px}.service-primary-button,.service-secondary-button{cursor:pointer;border-radius:10px;min-height:45px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s}.service-primary-button:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 14px #6366f13d}.service-primary-button:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (width<=700px){.service-form-header{flex-direction:column;align-items:flex-start}.service-form-grid{grid-template-columns:1fr}.service-form-actions{flex-direction:column;align-items:stretch}.service-primary-button,.service-secondary-button{width:100%}}.service-page-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.page-eyebrow{color:#6366f1;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.service-page-header h2{margin:0 0 8px!important}.service-page-header p{color:#64748b!important;margin:0!important}.service-header-badge{color:#4f46e5;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:750;display:inline-flex}.service-header-badge span{font-size:10px}.service-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;display:grid}.service-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 4px 16px #0f172a0a}.service-stat-icon{color:#4f46e5;background:#eef2ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:flex}.service-stat-icon.service-stat-active{color:#16a34a;background:#ecfdf3}.service-stat-icon.service-stat-inactive{color:#64748b;background:#f1f5f9}.service-stat-card span{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:650;display:block}.service-stat-card strong{color:#111827;font-size:24px;font-weight:800;display:block}.service-form-card{overflow:hidden}.service-form-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:4px;padding-bottom:22px;display:flex}.service-form-header h3{margin:0 0 6px!important;font-size:24px!important}.service-form-header p{color:#64748b!important;margin:0!important}.service-form-cancel-top{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700}.service-form-cancel-top:hover{background:#f8fafc}.professional-service-form{padding-top:4px}.service-form-section{border-bottom:1px solid #edf0f4;padding:25px 0}.service-form-section:last-of-type{border-bottom:0}.service-form-section-title{align-items:center;gap:13px;margin-bottom:20px;display:flex}.service-form-section-title>span{color:#4f46e5;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.service-form-section-title h4{color:#111827;margin:0 0 3px;font-size:17px}.service-form-section-title p{color:#94a3b8;margin:0;font-size:13px}.service-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.service-field{min-width:0}.service-field label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:750;display:block}.service-field input,.service-field select,.service-field textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #dbe1ea;border-radius:11px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.service-field input,.service-field select{min-height:48px;padding:0 14px}.service-field textarea{resize:vertical;min-height:120px;padding:13px 14px;line-height:1.5}.service-field input::placeholder,.service-field textarea::placeholder{color:#a0aec0}.service-field input:focus,.service-field select:focus,.service-field textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.service-field>small{color:#94a3b8;margin-top:7px;font-size:12px;display:block}.price-input-wrapper{background:#fff;border:1px solid #dbe1ea;border-radius:11px;align-items:center;min-height:48px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.price-input-wrapper:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.price-input-wrapper>span{color:#64748b;padding-left:14px;font-size:13px;font-weight:750}.price-input-wrapper input{flex:1;min-width:0;min-height:46px;padding:0 8px;box-shadow:none!important;border:0!important}.price-input-wrapper small{color:#94a3b8;padding-right:14px;font-size:12px}.service-status-toggle{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:14px;padding:16px;display:flex}.service-status-toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-slider{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0000002e}.service-status-toggle input:checked+.toggle-slider{background:#22c55e}.service-status-toggle input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-content{flex-direction:column;gap:3px;display:flex}.toggle-content strong{color:#1e293b;font-size:14px}.toggle-content small{color:#64748b;font-size:12px}.service-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin:18px 0;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.service-form-error span{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:800;display:flex}.service-form-actions{align-items:center;gap:10px;padding-top:22px;display:flex}.service-primary-button,.service-secondary-button{cursor:pointer;border-radius:10px;min-height:45px;padding:0 20px;font-size:14px;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s}.service-primary-button{color:#fff;background:#6366f1;border:1px solid #6366f1;box-shadow:0 5px 14px #6366f133}.service-primary-button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 7px 18px #6366f140}.service-primary-button:disabled{opacity:.65;cursor:not-allowed}.service-secondary-button{color:#475569;background:#fff;border:1px solid #dbe1ea}.service-secondary-button:hover{background:#f8fafc}.service-toolbar{grid-template-columns:minmax(240px,1fr) 190px 170px;gap:10px;margin-bottom:20px;display:grid}.service-search-wrapper{position:relative}.service-search-wrapper input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #dbe1ea;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px 0 40px;font-family:inherit;font-size:13px}.service-search-wrapper input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.service-search-icon{color:#94a3b8;pointer-events:none;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.service-filter-select{color:#334155;background:#fff;border:1px solid #dbe1ea;border-radius:10px;outline:none;height:44px;padding:0 12px;font-family:inherit;font-size:13px}.service-filter-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}@media (width<=900px){.service-stats-grid,.service-form-grid{grid-template-columns:1fr}.service-toolbar{grid-template-columns:1fr 1fr}.service-search-wrapper{grid-column:1/-1}}@media (width<=600px){.service-management-page{padding:14px}.service-page-header,.service-form-header{flex-direction:column;align-items:flex-start}.service-toolbar{grid-template-columns:1fr}.service-search-wrapper{grid-column:auto}.service-form-actions{flex-direction:column;align-items:stretch}.service-primary-button,.service-secondary-button{width:100%}.service-actions{flex-direction:column;width:100%}.service-button{width:100%}}.mobile-menu-button,.sidebar-overlay{display:none}@media (width<=700px){.mobile-menu-button{cursor:pointer;z-index:1200;background:#111827;border:0;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;display:flex;position:fixed;top:17px;left:18px}.mobile-menu-button span{background:#fff;border-radius:2px;width:24px;height:2px;display:block}.sidebar{z-index:1100;height:100vh;transition:transform .25s;top:0;left:0;overflow-y:auto;transform:translate(-100%);width:270px!important;min-height:100vh!important;position:fixed!important}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:1000;cursor:pointer;background:#00000073;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.main-content{width:100%;margin-left:0!important}.topbar{padding-left:75px!important}.sidebar-nav{flex-flow:column!important}.nav-item{width:100%!important}}.whatsapp-button{z-index:900;color:#fff;background:#25d366;border-radius:999px;align-items:center;gap:9px;padding:12px 17px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000002e}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000003d}.whatsapp-icon{font-size:21px;line-height:1}@media (width<=700px){.whatsapp-button{border-radius:50%;justify-content:center;width:48px;height:48px;padding:0;bottom:16px;right:16px}.whatsapp-label{display:none}.whatsapp-icon{font-size:23px}}.theme-toggle{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .2s}.theme-toggle:hover{background:#f3f4f6}body.dark-mode .dashboard,body.dark-mode .main-content{background:#0f172a}body.dark-mode .topbar{background:#111827;border-bottom-color:#374151}body.dark-mode .theme-toggle{color:#f9fafb;background:#1f2937;border-color:#4b5563}body.dark-mode .theme-toggle:hover{background:#374151}body.dark-mode .page-content{color:#e5e7eb}body.dark-mode .card,body.dark-mode .section-card,body.dark-mode .stat-card,body.dark-mode .service-card,body.dark-mode .order-card,body.dark-mode .wallet-card{color:#e5e7eb;background:#1e293b;border-color:#334155}.hamburger-button{z-index:1100;cursor:pointer;background:#111827;border:none;border-radius:10px;width:46px;height:46px;padding:10px;display:none;position:fixed;top:16px;left:16px;box-shadow:0 4px 12px #0003}.hamburger-button span{background:#fff;border-radius:3px;width:100%;height:3px;margin:5px 0;display:block}.sidebar-overlay{display:none}body.dark-mode,body.dark-mode .dashboard,body.dark-mode .main-content{color:#f3f4f6;background:#111827}body.dark-mode .topbar,body.dark-mode .section-card,body.dark-mode .stat-card,body.dark-mode .welcome-section,body.dark-mode .form-card,body.dark-mode .payment-instructions{color:#f3f4f6;background:#1f2937}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode p,body.dark-mode span,body.dark-mode label,body.dark-mode li,body.dark-mode td,body.dark-mode th{color:#f3f4f6}body.dark-mode .login-card{color:#f3f4f6;background:#1f2937}body.dark-mode .login-card h2,body.dark-mode .brand h1,body.dark-mode .form-group label{color:#f3f4f6}body.dark-mode .login-subtitle,body.dark-mode .brand p{color:#cbd5e1}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#f3f4f6;background:#111827;border-color:#4b5563}body.dark-mode .theme-toggle,body.dark-mode .account-badge,body.dark-mode .transactions-list,body.dark-mode .transaction-item{color:#f3f4f6}body.dark-mode .error-message{color:#fecaca}body.dark-mode .success-message{color:#bbf7d0}@media (width<=900px){.hamburger-button{display:block}.sidebar{z-index:1000;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:999;cursor:pointer;background:#00000073;border:none;padding:0;display:block;position:fixed;inset:0}.main-content{width:100%}.topbar{padding-left:76px}}body.dark-mode .hamburger-button{background:#374151}body.dark-mode .page-content h1,body.dark-mode .page-content h2,body.dark-mode .page-content h3,body.dark-mode .page-content h4,body.dark-mode .page-content h5,body.dark-mode .page-content h6,body.dark-mode .section-card h1,body.dark-mode .section-card h2,body.dark-mode .section-card h3,body.dark-mode .section-card h4,body.dark-mode .section-card h5,body.dark-mode .section-card h6,body.dark-mode .card h1,body.dark-mode .card h2,body.dark-mode .card h3,body.dark-mode .card h4,body.dark-mode .card h5,body.dark-mode .card h6,body.dark-mode .service-card h1,body.dark-mode .service-card h2,body.dark-mode .service-card h3,body.dark-mode .service-card h4,body.dark-mode .service-card h5,body.dark-mode .service-card h6,body.dark-mode .order-card h1,body.dark-mode .order-card h2,body.dark-mode .order-card h3,body.dark-mode .order-card h4,body.dark-mode .order-card h5,body.dark-mode .order-card h6,body.dark-mode .wallet-card h1,body.dark-mode .wallet-card h2,body.dark-mode .wallet-card h3,body.dark-mode .wallet-card h4,body.dark-mode .wallet-card h5,body.dark-mode .wallet-card h6{color:#f8fafc}body.dark-mode .page-content p,body.dark-mode .section-card p,body.dark-mode .card p,body.dark-mode .service-card p,body.dark-mode .order-card p,body.dark-mode .wallet-card p{color:#cbd5e1}body.dark-mode label,body.dark-mode .form-group label{color:#e5e7eb}body.dark-mode strong{color:#f8fafc}body.dark-mode small{color:#cbd5e1}body.dark-mode th{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark-mode select option{color:#f9fafb;background:#111827}body.dark-mode button:not(.nav-item):not(.logout-button):not(.theme-toggle):not(.mobile-menu-button):not(.sidebar-overlay){color:inherit}body.dark-mode .service-management-page .section-card{background:#1e293b;border-color:#334155}body.dark-mode .service-management-page .section-card:first-child{background:#1e293b}body.dark-mode .service-management-page .section-card:first-child h2,body.dark-mode .service-management-page .section-card h3,body.dark-mode .service-management-page .section-card h4{color:#f8fafc}body.dark-mode .service-management-page .section-card p{color:#cbd5e1}body.dark-mode .service-management-page .section-card:last-child>div>div{background:#172033;border-color:#334155}body.dark-mode .service-management-page .section-card:last-child h4{color:#f8fafc}body.dark-mode .service-management-page .section-card:last-child p{color:#cbd5e1}body.dark-mode .service-management-page .section-card:last-child p strong{color:#e5e7eb}body.dark-mode .account-badge{color:#e0e7ff;background:#312e81}body.dark-mode .sidebar{color:#f8fafc;background:#020617}body.dark-mode .nav-item:hover{color:#fff;background:#1e293b}body.dark-mode .nav-item.active{color:#fff;background:#6366f1}body.dark-mode .logout-button{color:#fff}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#f8fafc;caret-color:#f8fafc}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#94a3b8}body.dark-mode .topbar h2{color:#f8fafc}body.dark-mode .topbar-user{color:#e5e7eb}body.dark-mode .page-content h1,body.dark-mode .page-content h2,body.dark-mode .page-content h3,body.dark-mode .page-content h4,body.dark-mode .page-content h5,body.dark-mode .page-content h6{color:#f8fafc!important}body.dark-mode .page-content p,body.dark-mode .page-content label{color:#cbd5e1!important}body.dark-mode .page-content strong{color:#f1f5f9!important}body.dark-mode .stat-card h3,body.dark-mode .stat-card h2,body.dark-mode .stat-card .stat-value,body.dark-mode .stat-card strong,body.dark-mode .wallet-card h1,body.dark-mode .wallet-card h2,body.dark-mode .wallet-card h3,body.dark-mode .wallet-card .wallet-balance,body.dark-mode .wallet-card .balance,body.dark-mode .wallet-card strong,body.dark-mode .service-card h1,body.dark-mode .service-card h2,body.dark-mode .service-card h3,body.dark-mode .service-card h4,body.dark-mode .service-card p,body.dark-mode .service-card strong{color:#f8fafc!important}body.dark-mode input:disabled,body.dark-mode select:disabled,body.dark-mode textarea:disabled{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;opacity:1!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{-webkit-text-fill-color:#f8fafc;color:#f8fafc!important}body.dark-mode option{color:#f8fafc;background:#111827}body.dark-mode .stat-card p{color:#cbd5e1!important}body.dark-mode .muted,body.dark-mode .text-muted{color:#94a3b8!important}body.dark-mode .sidebar{color:#f8fafc}body.dark-mode .sidebar-brand h1{color:#fff!important}body.dark-mode .sidebar-brand p{color:#9ca3af!important}body.dark-mode .nav-item{color:#d1d5db!important}body.dark-mode .nav-item:hover,body.dark-mode .nav-item.active{color:#fff!important}body.dark-mode .topbar h2,body.dark-mode .topbar-user,body.dark-mode .wallet-balance,body.dark-mode .wallet-balance{color:#f8fafc!important}body.dark-mode .wallet-card{color:#e5e7eb}body.dark-mode .wallet-card h1,body.dark-mode .wallet-card h2,body.dark-mode .wallet-card h3,body.dark-mode .wallet-card h4,body.dark-mode .wallet-card h5,body.dark-mode .wallet-card h6{color:#f8fafc!important}body.dark-mode .wallet-card p,body.dark-mode .wallet-card label{color:#cbd5e1!important}body.dark-mode .service-management-page{color:#f8fafc}body.dark-mode .service-management-page .section-card,body.dark-mode .service-management-page .services-management-card,body.dark-mode .service-management-page .service-card,body.dark-mode .service-management-page .service-stat-card{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}body.dark-mode .service-management-page h1,body.dark-mode .service-management-page h2,body.dark-mode .service-management-page h3,body.dark-mode .service-management-page h4,body.dark-mode .service-management-page h5{color:#f8fafc!important}body.dark-mode .service-management-page p,body.dark-mode .service-management-page span{color:#cbd5e1}body.dark-mode .service-management-page strong,body.dark-mode .service-management-page label{color:#f8fafc!important}body.dark-mode .service-management-page input,body.dark-mode .service-management-page select,body.dark-mode .service-management-page textarea,body.dark-mode .service-field input,body.dark-mode .service-field select,body.dark-mode .service-field textarea{color:#f8fafc!important;background:#0f172a!important;border-color:#475569!important}body.dark-mode .service-management-page input::placeholder,body.dark-mode .service-management-page textarea::placeholder,body.dark-mode .service-field input::placeholder,body.dark-mode .service-field textarea::placeholder{color:#94a3b8!important;opacity:1!important}body.dark-mode .service-management-page select option,body.dark-mode .service-field select option{color:#f8fafc!important;background:#0f172a!important}body.dark-mode .service-management-page input:focus,body.dark-mode .service-management-page select:focus,body.dark-mode .service-management-page textarea:focus,body.dark-mode .service-field input:focus,body.dark-mode .service-field select:focus,body.dark-mode .service-field textarea:focus{color:#fff!important;background:#0f172a!important;border-color:#818cf8!important;box-shadow:0 0 0 3px #818cf833!important}body.dark-mode .service-stat-card{background:#1e293b!important;border-color:#334155!important}body.dark-mode .service-stat-card span{color:#94a3b8!important}body.dark-mode .service-stat-card strong{color:#f8fafc!important}body.dark-mode .service-stat-icon{color:#c7d2fe!important;background:#312e81!important}body.dark-mode .service-stat-icon.service-stat-active{color:#86efac!important;background:#064e3b!important}body.dark-mode .service-stat-icon.service-stat-inactive{color:#cbd5e1!important;background:#334155!important}body.dark-mode .service-management-page .service-card{background:#172033!important;border-color:#334155!important}body.dark-mode .service-management-page .service-card h2,body.dark-mode .service-management-page .service-card h3,body.dark-mode .service-management-page .service-card h4{color:#f8fafc!important}body.dark-mode .service-management-page .service-card p{color:#cbd5e1!important}body.dark-mode .service-management-page .service-card strong{color:#f8fafc!important}body.dark-mode .service-management-page .service-status-active{color:#86efac!important;background:#064e3b!important}body.dark-mode .service-management-page .service-status-inactive{color:#cbd5e1!important;background:#334155!important}body.dark-mode .order-card{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}body.dark-mode .order-card h1,body.dark-mode .order-card h2,body.dark-mode .order-card h3,body.dark-mode .order-card h4,body.dark-mode .order-card h5,body.dark-mode .order-card h6{color:#f8fafc!important}body.dark-mode .order-card p,body.dark-mode .order-card span{color:#cbd5e1}body.dark-mode .order-card strong{color:#f8fafc!important}body.dark-mode .order-status.status-pending{color:#fef3c7!important;background:#78350f!important}body.dark-mode .order-status.status-processing{color:#dbeafe!important;background:#1e3a8a!important}body.dark-mode .order-status.status-completed{color:#d1fae5!important;background:#065f46!important}body.dark-mode .order-status.status-cancelled,body.dark-mode .order-status.status-canceled{color:#fee2e2!important;background:#7f1d1d!important}body.dark-mode .order-status.status-refunded{color:#f3e8ff!important;background:#581c87!important}body.dark-mode .service-toolbar input,body.dark-mode .service-toolbar select,body.dark-mode .admin-toolbar input,body.dark-mode .admin-toolbar select{color:#f8fafc!important;background:#0f172a!important;border-color:#475569!important}body.dark-mode .service-toolbar input::placeholder,body.dark-mode .admin-toolbar input::placeholder{color:#94a3b8!important}body.dark-mode table{color:#f8fafc}body.dark-mode th{color:#f8fafc!important;background:#172033!important}body.dark-mode td{color:#cbd5e1!important;border-color:#334155!important}body.dark-mode .service-management-page button{color:#f8fafc}body.dark-mode .service-management-page .cancel-button{color:#e2e8f0!important;background:#334155!important;border-color:#475569!important}body.dark-mode .service-management-page .cancel-button:hover{background:#475569!important}body.dark-mode .service-management-page form>label,body.dark-mode .service-status-toggle{color:#f8fafc!important;background:#172033!important;border-color:#334155!important}body.dark-mode .service-management-page form>label span,body.dark-mode .service-status-toggle span{color:#e2e8f0!important}body.dark-mode .service-management-page hr,body.dark-mode .service-management-page .section-card:last-child>h3{border-color:#334155!important}body.dark-mode .service-management-page .error-message{color:#fecaca!important;background:#450a0a!important;border-color:#7f1d1d!important}body.dark-mode .service-management-page .success-message{color:#a7f3d0!important;background:#064e3b!important;border-color:#047857!important}body.dark-mode .service-management-page .service-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;display:grid!important}body.dark-mode .service-management-page .service-info-box{color:#f8fafc!important;opacity:1!important;background:#0f172a!important;border:1px solid #475569!important;border-radius:11px!important;min-width:0!important;padding:14px!important;display:block!important}body.dark-mode .service-management-page .service-info-label{color:#cbd5e1!important;text-transform:uppercase!important;letter-spacing:.4px!important;opacity:1!important;margin-bottom:7px!important;font-size:11px!important;font-weight:700!important;display:block!important}body.dark-mode .service-management-page .service-info-box strong{color:#fff!important;opacity:1!important;font-size:16px!important;font-weight:750!important;display:inline-block!important}body.dark-mode .service-management-page .service-info-box small{color:#94a3b8!important;opacity:1!important;margin-left:5px!important;font-size:11px!important;display:inline-block!important}body.dark-mode .service-management-page .service-quantity-summary span{color:#94a3b8!important}body.dark-mode .service-management-page .service-quantity-summary strong{color:#fff!important}body.dark-mode .service-management-page .service-actions{opacity:1!important;align-items:center!important;gap:8px!important;display:flex!important}body.dark-mode .service-management-page .service-button{cursor:pointer!important;opacity:1!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;min-height:39px!important;padding:9px 14px!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important}body.dark-mode .service-management-page .service-edit-button{color:#e0e7ff!important;background:#312e81!important;border:1px solid #6366f1!important}body.dark-mode .service-management-page .service-edit-button:hover{color:#fff!important;background:#3730a3!important}body.dark-mode .service-management-page .service-toggle-button{color:#fef3c7!important;background:#713f12!important;border:1px solid #ca8a04!important}body.dark-mode .service-management-page .service-toggle-button:hover{color:#fff!important;background:#854d0e!important}body.dark-mode .service-management-page .service-activate-button{color:#bbf7d0!important;background:#064e3b!important;border:1px solid #16a34a!important}body.dark-mode .service-management-page .service-activate-button:hover{color:#fff!important;background:#065f46!important}body.dark-mode .service-management-page .service-delete-button{color:#fecaca!important;background:#7f1d1d!important;border:1px solid #dc2626!important}body.dark-mode .service-management-page .service-delete-button:hover{color:#fff!important;background:#991b1b!important}body.dark-mode .service-management-page .service-status-active{color:#86efac!important;background:#064e3b!important;border-color:#047857!important}body.dark-mode .service-management-page .service-status-inactive{color:#cbd5e1!important;background:#334155!important;border-color:#475569!important}@media (width<=900px){body.dark-mode .service-management-page .service-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=600px){body.dark-mode .service-management-page .service-info-grid{grid-template-columns:1fr 1fr!important}body.dark-mode .service-management-page .service-actions{flex-direction:column!important;width:100%!important}body.dark-mode .service-management-page .service-button{width:100%!important}}body.dark-mode .service-card .service-price{color:#f8fafc!important;background:#0f172a!important;border:1px solid #475569!important}body.dark-mode .service-card .service-price span{color:#cbd5e1!important}body.dark-mode .service-card .service-price strong{color:#fff!important}body.dark-mode .service-card .service-limits div{background:#0f172a!important;border-color:#475569!important}body.dark-mode .service-card .service-limits span{color:#cbd5e1!important}body.dark-mode .service-card .service-limits strong{color:#fff!important}body.dark-mode .service-card .service-order-button{color:#fff!important;background:#6366f1!important}body.dark-mode .service-card .service-order-button:disabled{color:#cbd5e1!important;opacity:1!important;background:#475569!important;border:1px solid #64748b!important}body.dark-mode .service-order-button{color:#fff!important;background:#6366f1!important;border:none!important}body.dark-mode .service-order-button:hover{color:#fff!important;background:#4f46e5!important}body.dark-mode .service-order-button:disabled{cursor:not-allowed;color:#94a3b8!important;opacity:1!important;background:#334155!important;border:1px solid #475569!important}.mobile-menu-button{z-index:1000}.topbar{z-index:900;position:relative}body.dark-mode .service-order-button:disabled{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;opacity:1!important;cursor:not-allowed!important;background:#334155!important;border:1px solid #64748b!important}body.dark-mode .service-order-button:disabled:hover{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;background:#334155!important}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper input{width:100%;padding-right:70px}.password-toggle{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#4f46e5}.page-content{box-sizing:border-box;width:100%}.welcome-section{padding:4px 0}.welcome-section h1{letter-spacing:-.5px}.stat-card{transition:transform .2s,box-shadow .2s,border-color .2s}.stat-card:hover{border-color:#c7d2fe;transform:translateY(-3px);box-shadow:0 10px 25px #00000014}.stat-value{letter-spacing:-.3px;line-height:1.2}.section-card{margin-bottom:30px;transition:box-shadow .2s,border-color .2s}.section-card:hover{box-shadow:0 8px 24px #0000000f}.quick-actions button{min-height:46px;transition:transform .2s,box-shadow .2s,background .2s}.quick-actions button:hover{box-shadow:0 6px 15px #4f46e538}.transaction-card{transition:transform .2s,box-shadow .2s}.transaction-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000012}.stat-card:focus-within,.section-card:focus-within,.quick-actions button:focus-visible{outline-offset:2px;outline:2px solid #6366f1}@media (width<=900px){.page-content{padding:25px 20px}.stats-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.page-content{padding:20px 15px}.welcome-section h1{font-size:26px}.stats-grid{grid-template-columns:1fr;gap:14px}.stat-card{padding:20px}.quick-actions{grid-template-columns:1fr}.section-card{padding:20px}}@media (width<=900px){.mobile-menu-button{z-index:1200!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:52px!important;height:52px!important;margin:0!important;padding:10px!important;display:flex!important;position:fixed!important;top:16px!important;left:16px!important}.mobile-menu-button span{width:28px!important;height:3px!important;margin:0!important;display:block!important}.topbar{padding-left:84px!important}.page-content{padding-left:80px!important;padding-right:20px!important}.sidebar{width:270px!important;max-width:85vw!important}.sidebar .sidebar-brand{padding-left:80px!important}}.topbar-actions{align-items:center;gap:10px;display:flex}.announcement-center{align-items:center;display:flex;position:relative}.announcement-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:relative}.announcement-button:hover{background:#f3f4f6;border-color:#9ca3af}.announcement-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.announcement-panel{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:380px;max-width:calc(100vw - 30px);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 18px 45px #00000026}.announcement-panel-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 18px;display:flex}.announcement-panel-header h3{color:#111827;margin:0;font-size:16px}.announcement-panel-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.announcement-close-button,.announcement-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.announcement-close-button:hover,.announcement-modal-close:hover{color:#111827}.announcement-panel-body{max-height:420px;overflow-y:auto}.announcement-item{border-bottom:1px solid #f0f1f3;gap:12px;padding:16px 18px;display:flex}.announcement-item:last-child{border-bottom:none}.announcement-item-icon{color:#374151;background:#f3f4f6;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.announcement-item-content{min-width:0}.announcement-item-content h4{color:#111827;margin:0 0 5px;font-size:14px}.announcement-item-content p{color:#4b5563;white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.announcement-date{color:#9ca3af;margin-top:7px;font-size:10px;display:block}.announcement-empty{text-align:center;color:#6b7280;padding:35px 20px}.announcement-empty-icon{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;font-weight:800;display:flex}.announcement-empty p{margin:0;font-size:13px}.announcement-modal-overlay{z-index:2000;background:#1118278c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.announcement-modal{background:#fff;border-radius:18px;width:520px;max-width:100%;max-height:85vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 25px 70px #00000040}.announcement-modal-close{position:absolute;top:17px;right:19px}.announcement-modal-icon{color:#374151;background:#f3f4f6;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:15px;display:flex}.announcement-modal h2{color:#111827;margin:0;padding-right:30px;font-size:22px}.announcement-modal-subtitle{color:#6b7280;margin:7px 0 20px;font-size:13px;line-height:1.5}.announcement-modal-list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.announcement-modal-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:11px;padding:15px}.announcement-modal-item h3{color:#111827;margin:0 0 6px;font-size:14px}.announcement-modal-item p{color:#4b5563;white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.55}.announcement-modal-item span{color:#9ca3af;margin-top:8px;font-size:10px;display:block}.announcement-modal-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:9px;width:100%;margin-top:20px;padding:12px 16px;font-size:13px;font-weight:700}.announcement-modal-button:hover{opacity:.9}body.dark-mode .announcement-button{color:#f9fafb;background:#1f2937;border-color:#374151}body.dark-mode .announcement-button:hover{background:#374151}body.dark-mode .announcement-badge{border-color:#111827}body.dark-mode .announcement-panel,body.dark-mode .announcement-modal{background:#111827;border-color:#374151}body.dark-mode .announcement-panel-header{border-color:#374151}body.dark-mode .announcement-panel-header h3,body.dark-mode .announcement-modal h2,body.dark-mode .announcement-modal-item h3{color:#f9fafb}body.dark-mode .announcement-panel-header p,body.dark-mode .announcement-modal-subtitle{color:#9ca3af}body.dark-mode .announcement-item{border-color:#374151}body.dark-mode .announcement-item-icon,body.dark-mode .announcement-modal-icon{color:#f9fafb;background:#1f2937}body.dark-mode .announcement-item-content h4{color:#f9fafb}body.dark-mode .announcement-item-content p,body.dark-mode .announcement-modal-item p{color:#d1d5db}body.dark-mode .announcement-modal-item{background:#1f2937;border-color:#374151}body.dark-mode .announcement-modal-button{color:#111827;background:#f9fafb}@media (width<=600px){.announcement-panel{width:calc(100vw - 30px);position:fixed;top:70px;right:15px}.announcement-modal{padding:22px}.announcement-modal h2{font-size:19px}}body.dark-mode input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;background-color:#111827!important;border-color:#475569!important;box-shadow:inset 0 0 0 1000px #111827!important}body.dark-mode input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;background-color:#111827!important;border-color:#475569!important;box-shadow:inset 0 0 0 1000px #111827!important}body.dark-mode input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;background-color:#111827!important;border-color:#475569!important;box-shadow:inset 0 0 0 1000px #111827!important}body.dark-mode input:-webkit-autofill:active{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;background-color:#111827!important;border-color:#475569!important;box-shadow:inset 0 0 0 1000px #111827!important}body.dark-mode .password-input-wrapper input:-webkit-autofill{-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;background-color:#111827!important;box-shadow:inset 0 0 0 1000px #111827!important}body.dark-mode .password-input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;background-color:#111827!important;box-shadow:inset 0 0 0 1000px #111827!important}body.dark-mode .password-input-wrapper input:-webkit-autofill:focus{-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;background-color:#111827!important;box-shadow:inset 0 0 0 1000px #111827!important}body.dark-mode .password-input-wrapper input:-webkit-autofill:active{-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc!important;background-color:#111827!important;box-shadow:inset 0 0 0 1000px #111827!important}.announcement-edit-button,.announcement-toggle-button,.announcement-delete-button{cursor:pointer;box-sizing:border-box;border-radius:9px;justify-content:center;align-items:center;min-height:40px;margin:6px 6px 0 0;padding:9px 17px;font-size:13px;font-weight:700;transition:all .2s;width:auto!important;display:inline-flex!important}.announcement-edit-button{color:#fff!important;background:#6366f1!important;border:1px solid #6366f1!important}.announcement-edit-button:hover{color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}.announcement-toggle-button{color:#334155!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.announcement-toggle-button:hover{color:#1e293b!important;background:#e2e8f0!important;border-color:#94a3b8!important}.announcement-delete-button{color:#be123c!important;background:#fff1f2!important;border:1px solid #fecdd3!important}.announcement-delete-button:hover{color:#9f1239!important;background:#ffe4e6!important;border-color:#fb7185!important}body.dark-mode .announcement-edit-button{color:#fff!important;background:#4f46e5!important;border-color:#6366f1!important}body.dark-mode .announcement-edit-button:hover{color:#fff!important;background:#6366f1!important}body.dark-mode .announcement-toggle-button{color:#e2e8f0!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode .announcement-toggle-button:hover{color:#fff!important;background:#334155!important;border-color:#64748b!important}body.dark-mode .announcement-delete-button{color:#fecaca!important;background:#450a0a!important;border-color:#991b1b!important}body.dark-mode .announcement-delete-button:hover{color:#fff!important;background:#7f1d1d!important;border-color:#dc2626!important}.announcement-modal-button{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#111827!important;border:1px solid #111827!important}.announcement-modal-button:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#1f2937!important}body.dark-mode .announcement-modal-button{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#6366f1!important;border-color:#6366f1!important}body.dark-mode .announcement-modal-button:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#818cf8!important}body.dark-mode .announcement-edit-button,body.dark-mode .announcement-toggle-button,body.dark-mode .announcement-delete-button{opacity:1!important;-webkit-text-fill-color:currentColor!important}.admin-announcements-page .announcement-toggle-button,.announcement-toggle-button{color:#334155!important;-webkit-text-fill-color:#334155!important;cursor:pointer!important;opacity:1!important;width:auto!important;min-width:120px!important;min-height:42px!important;box-shadow:none!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;margin:8px 8px 0 0!important;padding:10px 18px!important;font-size:13px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}.announcement-toggle-button:hover{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;background:#e2e8f0!important;border-color:#94a3b8!important}.announcement-delete-button{color:#b91c1c!important;-webkit-text-fill-color:#b91c1c!important;cursor:pointer!important;opacity:1!important;width:auto!important;min-width:90px!important;min-height:42px!important;box-shadow:none!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;margin:8px 8px 0 0!important;padding:10px 18px!important;font-size:13px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}.announcement-delete-button:hover{color:#991b1b!important;-webkit-text-fill-color:#991b1b!important;background:#fee2e2!important;border-color:#f87171!important}body.dark-mode .announcement-toggle-button{color:#e2e8f0!important;-webkit-text-fill-color:#e2e8f0!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode .announcement-toggle-button:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#334155!important;border-color:#64748b!important}body.dark-mode .announcement-delete-button{color:#fecaca!important;-webkit-text-fill-color:#fecaca!important;background:#450a0a!important;border-color:#991b1b!important}body.dark-mode .announcement-delete-button:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#7f1d1d!important;border-color:#dc2626!important}body.dark-mode button.announcement-toggle-button,body.dark-mode button.announcement-delete-button{opacity:1!important;visibility:visible!important;filter:none!important;text-shadow:none!important}@media (width<=600px){.announcement-toggle-button,.announcement-delete-button{width:auto!important;min-width:0!important}}.support-page{width:100%;max-width:1400px;margin:0 auto}.support-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.support-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 8px 24px #0f172a0f}.support-card h2{margin:0 0 8px;font-size:22px}.support-card h3{margin:0 0 16px;font-size:18px}.support-card p{color:#64748b}.support-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.support-card-header h2{margin-bottom:4px}.support-card-header p{margin:0}.support-page .form-group{margin-bottom:18px}.support-page .form-group label{color:#334155;margin-bottom:7px;font-weight:600;display:block}.support-page input,.support-page select,.support-page textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.support-page input:focus,.support-page select:focus,.support-page textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.support-page textarea{resize:vertical;min-height:120px}.support-page button{font-family:inherit}.support-page .secondary-button{width:auto;min-width:90px}.support-ticket-list{flex-direction:column;gap:10px;display:flex}.support-ticket-item{color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.support-ticket-item:hover{background:#f1f5ff;border-color:#a5b4fc}.support-ticket-item.selected{background:#eef2ff;border-color:#6366f1}.support-ticket-item>div{flex-direction:column;gap:5px;min-width:0;display:flex}.support-ticket-item strong{overflow-wrap:anywhere;font-size:15px}.support-ticket-item span:not(.support-status){color:#64748b;font-size:13px}.support-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.support-status-open{color:#166534;background:#dcfce7}.support-status-in_progress{color:#92400e;background:#fef3c7}.support-status-resolved{color:#1d4ed8;background:#dbeafe}.support-status-closed{color:#475569;background:#e2e8f0}.support-ticket-details{margin-top:24px}.support-original-message{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:16px}.support-original-message strong{color:#0f172a;margin-bottom:8px;display:block}.support-original-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}.support-original-message small{color:#64748b}.support-replies{margin-top:20px}.support-reply{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:15px 16px}.support-reply.admin-reply{background:#eef2ff;border-color:#c7d2fe}.support-reply.user-reply{background:#f8fafc}.support-reply-header{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.support-reply-header strong{color:#0f172a}.support-reply-header small{color:#64748b}.support-reply p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.support-reply-form{border-top:1px solid #e2e8f0;margin-top:22px;padding-top:22px}.support-empty{text-align:center;color:#64748b;padding:30px 15px}.support-empty h2{margin-bottom:8px}.support-customer-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:18px;padding:15px 16px}.support-customer-info strong{margin-bottom:6px;display:block}.support-customer-info p{color:#334155;margin:0 0 5px}.support-customer-info span{color:#64748b;font-size:13px}.support-status-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-end;gap:14px;margin-bottom:22px;padding:16px;display:flex}.support-status-controls .form-group{flex:1;margin-bottom:0}.support-status-controls .login-button{white-space:nowrap;width:auto;min-width:140px}.admin-support-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.5fr)}.admin-support-detail{min-width:0}body.dark-mode .support-card{background:#111827;border-color:#334155;box-shadow:0 8px 24px #0003}body.dark-mode .support-card h2,body.dark-mode .support-card h3{color:#f8fafc}body.dark-mode .support-card p{color:#cbd5e1}body.dark-mode .support-page .form-group label{color:#e2e8f0}body.dark-mode .support-page input,body.dark-mode .support-page select,body.dark-mode .support-page textarea{color:#f8fafc;background:#0f172a;border-color:#475569}body.dark-mode .support-page input::placeholder,body.dark-mode .support-page textarea::placeholder{color:#94a3b8}body.dark-mode .support-ticket-item{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark-mode .support-ticket-item:hover{background:#172033;border-color:#6366f1}body.dark-mode .support-ticket-item.selected{background:#1e1b4b;border-color:#818cf8}body.dark-mode .support-ticket-item span:not(.support-status){color:#94a3b8}body.dark-mode .support-original-message,body.dark-mode .support-customer-info,body.dark-mode .support-status-controls{background:#0f172a;border-color:#334155}body.dark-mode .support-original-message strong,body.dark-mode .support-customer-info strong{color:#f8fafc}body.dark-mode .support-customer-info p{color:#cbd5e1}body.dark-mode .support-reply{border-color:#334155}body.dark-mode .support-reply.user-reply{background:#0f172a}body.dark-mode .support-reply.admin-reply{background:#1e1b4b;border-color:#4338ca}body.dark-mode .support-reply-header strong{color:#f8fafc}body.dark-mode .support-reply-header small{color:#94a3b8}body.dark-mode .support-reply-form{border-color:#334155}body.dark-mode .support-empty{color:#94a3b8}@media (width<=900px){.support-grid,.admin-support-grid{grid-template-columns:1fr}.support-card{padding:18px}}@media (width<=600px){.support-card-header{flex-direction:column}.support-ticket-item{flex-direction:column;align-items:flex-start}.support-status-controls{flex-direction:column;align-items:stretch}.support-status-controls .login-button{width:100%}.support-reply-header{flex-direction:column;gap:4px}}.support-page .secondary-button,.support-page .secondary-button:disabled{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;opacity:1!important;cursor:pointer!important;width:auto!important;min-width:110px!important;height:42px!important;box-shadow:none!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:10px!important;padding:10px 18px!important;font-size:14px!important;font-weight:600!important}.support-page .secondary-button:hover:not(:disabled){color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background:#e2e8f0!important;border-color:#94a3b8!important}.support-page .secondary-button:disabled{cursor:not-allowed!important}body.dark-mode .support-page .secondary-button,body.dark-mode .support-page .secondary-button:disabled{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;opacity:1!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode .support-page .secondary-button:hover:not(:disabled){color:#fff!important;-webkit-text-fill-color:#fff!important;background:#334155!important;border-color:#64748b!important}.support-page .support-status-controls .login-button{white-space:nowrap!important;width:auto!important;min-width:140px!important;height:42px!important}.support-page .success-message{color:#166534!important;-webkit-text-fill-color:#166534!important;background:#dcfce7!important;border:1px solid #86efac!important;font-weight:600!important}.support-page .support-status{opacity:1!important;text-shadow:none!important;font-weight:700!important}.support-page .support-status-open{color:#166534!important;-webkit-text-fill-color:#166534!important;background:#dcfce7!important;border:1px solid #86efac!important}.support-page .support-status-in_progress{color:#92400e!important;-webkit-text-fill-color:#92400e!important;background:#fef3c7!important;border:1px solid #fcd34d!important}.support-page .support-status-resolved{color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important;background:#dbeafe!important;border:1px solid #93c5fd!important}.support-page .support-status-closed{color:#334155!important;-webkit-text-fill-color:#334155!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important}body.dark-mode .support-page .success-message,body.dark-mode .support-page .support-status-open{color:#86efac!important;-webkit-text-fill-color:#86efac!important;background:#123524!important;border-color:#166534!important}body.dark-mode .support-page .support-status-in_progress{color:#fcd34d!important;-webkit-text-fill-color:#fcd34d!important;background:#422006!important;border-color:#92400e!important}body.dark-mode .support-page .support-status-resolved{color:#93c5fd!important;-webkit-text-fill-color:#93c5fd!important;background:#172554!important;border-color:#1d4ed8!important}body.dark-mode .support-page .support-status-closed{color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important;background:#1e293b!important;border-color:#475569!important}.admin-analytics{width:100%}.admin-analytics-header h3{margin:0;font-size:22px}.admin-analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-analytics-card{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);border-radius:14px;min-width:0;padding:18px}.admin-analytics-card-label{opacity:.7;margin-bottom:8px;font-size:13px}.admin-analytics-card-value{font-size:25px;font-weight:700;line-height:1.2}.admin-analytics-card-meta{opacity:.65;margin-top:7px;font-size:12px}.admin-analytics-section{margin-bottom:28px}.admin-analytics-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.admin-analytics-status-card{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);border-radius:12px;padding:15px}.admin-analytics-status-label{opacity:.7;font-size:12px}.admin-analytics-status-value{margin-top:5px;font-size:21px;font-weight:700;display:block}.admin-analytics-table-wrap{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);border-radius:14px;width:100%;overflow-x:auto}.admin-analytics-table th,.admin-analytics-table td{text-align:left;border-bottom:1px solid var(--border-color,#e5e7eb);white-space:nowrap;padding:13px 15px}.admin-analytics-table th{text-transform:uppercase;letter-spacing:.03em;opacity:.7;font-size:12px}.admin-analytics-badge{text-transform:capitalize;background:#64748b1f;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.admin-analytics-error{border:1px solid #dc2626;border-radius:12px;margin-bottom:20px;padding:18px}.admin-analytics-empty{text-align:center;opacity:.65;padding:22px}.dark .admin-analytics-card,.dark .admin-analytics-status-card,.dark .admin-analytics-table-wrap{background:var(--card-bg,#1f2937);border-color:var(--border-color,#374151)}@media (width<=1100px){.admin-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-analytics-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.admin-analytics-header{flex-direction:column;align-items:flex-start}.admin-analytics-grid{grid-template-columns:1fr}.admin-analytics-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-analytics-card{padding:15px}.admin-analytics-card-value{font-size:22px}}@media (width<=420px){.admin-analytics-status-grid{grid-template-columns:1fr}}.admin-analytics-page{box-sizing:border-box;width:100%;max-width:100%}.admin-analytics-page *{box-sizing:border-box}.admin-analytics-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.admin-analytics-header h3{margin:0;font-size:24px;font-weight:700}.admin-analytics-header p{opacity:.7;margin:6px 0 0}.admin-analytics-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-analytics-grid{width:100%;margin-bottom:28px;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;display:grid!important}.admin-analytics-stat-card{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;min-width:0;min-height:145px;padding:22px;display:flex;box-shadow:0 4px 14px #00000014}.admin-analytics-stat-label{color:#4b5563;margin-bottom:8px;font-size:14px;font-weight:600}.admin-analytics-stat-value{color:#111827;font-size:28px;font-weight:800;line-height:1.2}.admin-analytics-stat-detail{color:#6b7280;margin-top:8px;font-size:13px}.dark .admin-analytics-stat-card{box-shadow:0 5px 18px #00000040;color:#f8fafc!important;background:#1e293b!important;border-color:#475569!important}.dark .admin-analytics-stat-label{color:#cbd5e1!important}.dark .admin-analytics-stat-value{color:#fff!important}.dark .admin-analytics-stat-detail{color:#94a3b8!important}.admin-analytics-section{width:100%;margin-bottom:30px}.admin-analytics-section-title{margin:0 0 14px;font-size:19px;font-weight:700}.admin-analytics-status-grid{width:100%;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;display:grid!important}.admin-analytics-status-card{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:14px;min-width:0;min-height:105px;padding:17px;box-shadow:0 3px 12px #0000000f}.admin-analytics-status-label{color:#4b5563;font-size:13px;font-weight:600;display:block}.admin-analytics-status-value{color:#111827;margin-top:7px;font-size:24px;font-weight:800;line-height:1.2;display:block}.dark .admin-analytics-status-card{box-shadow:0 4px 14px #00000040;color:#f8fafc!important;background:#1e293b!important;border-color:#475569!important}.dark .admin-analytics-status-label{color:#cbd5e1!important}.dark .admin-analytics-status-value{color:#fff!important}.admin-analytics-badge{text-transform:capitalize;color:#111827;background:#e5e7eb;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.dark .admin-analytics-badge{color:#f8fafc;background:#334155}.admin-analytics-table-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:14px;width:100%;overflow-x:auto}.dark .admin-analytics-table-wrapper{background:#1e293b!important;border-color:#475569!important}.admin-analytics-table{border-collapse:collapse;width:100%;min-width:720px}.admin-analytics-table th,.admin-analytics-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:13px 15px}.dark .admin-analytics-table th,.dark .admin-analytics-table td{border-color:#475569!important}.dark .admin-analytics-table th{color:#cbd5e1}.dark .admin-analytics-table td{color:#f8fafc}.admin-analytics-table th{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;font-size:12px}.admin-analytics-table td{font-size:13px}.admin-analytics-table tr:last-child td{border-bottom:none}.admin-analytics-empty{text-align:center;color:#6b7280;padding:24px}.dark .admin-analytics-empty{color:#94a3b8}.admin-analytics-loading{text-align:center;padding:40px}@media (width<=1100px){.admin-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-analytics-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=700px){.admin-analytics-header{flex-direction:column;align-items:flex-start}.admin-analytics-grid{grid-template-columns:1fr!important;gap:14px!important}.admin-analytics-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-analytics-stat-card{min-height:125px;padding:18px}.admin-analytics-stat-value{font-size:24px}}@media (width<=420px){.admin-analytics-status-grid{grid-template-columns:1fr!important}}body.dark-mode .admin-analytics-page .admin-analytics-stat-card{color:#f8fafc!important;background:#1e293b!important;border:1px solid #475569!important;box-shadow:0 4px 14px #0000004d!important}body.dark-mode .admin-analytics-page .admin-analytics-stat-label{color:#cbd5e1!important;opacity:1!important}body.dark-mode .admin-analytics-page .admin-analytics-stat-value{color:#fff!important;opacity:1!important;-webkit-text-fill-color:#fff!important}body.dark-mode .admin-analytics-page .admin-analytics-stat-detail{color:#94a3b8!important;opacity:1!important}body.dark-mode .admin-analytics-page .admin-analytics-status-card{color:#f8fafc!important;background:#1e293b!important;border:1px solid #475569!important;box-shadow:0 4px 14px #0000004d!important}body.dark-mode .admin-analytics-page .admin-analytics-status-label{color:#cbd5e1!important;opacity:1!important}body.dark-mode .admin-analytics-page .admin-analytics-status-value{color:#fff!important;opacity:1!important;-webkit-text-fill-color:#fff!important}body.dark-mode .admin-analytics-page .admin-analytics-header h3,body.dark-mode .admin-analytics-page .admin-analytics-section-title{color:#f8fafc!important}body.dark-mode .admin-analytics-page .admin-analytics-header p{color:#cbd5e1!important}body.dark-mode .admin-analytics-page .admin-analytics-table-wrapper{background:#1e293b!important;border:1px solid #475569!important}body.dark-mode .admin-analytics-page .admin-analytics-table{background:#1e293b!important}body.dark-mode .admin-analytics-page .admin-analytics-table th{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;background:#334155!important;border-bottom:1px solid #64748b!important}body.dark-mode .admin-analytics-page .admin-analytics-table td{color:#e2e8f0!important;-webkit-text-fill-color:#e2e8f0!important;background:#1e293b!important;border-bottom:1px solid #475569!important}body.dark-mode .admin-analytics-page .admin-analytics-table tr:hover td{background:#273449!important}body.dark-mode .admin-analytics-page .admin-analytics-badge{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#475569!important}body.dark-mode .admin-analytics-page .admin-analytics-empty{color:#cbd5e1!important;opacity:1!important}.admin-analytics-page .admin-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important;display:grid!important}.admin-analytics-page .admin-analytics-status-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;width:100%!important;display:grid!important}.admin-analytics-page .admin-analytics-stat-card{border-radius:16px!important;min-width:0!important;min-height:145px!important;padding:22px!important}.admin-analytics-page .admin-analytics-status-card{border-radius:14px!important;min-width:0!important;min-height:105px!important;padding:17px!important}@media (width<=1100px){.admin-analytics-page .admin-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-analytics-page .admin-analytics-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=700px){.admin-analytics-page .admin-analytics-grid{grid-template-columns:1fr!important}.admin-analytics-page .admin-analytics-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=420px){.admin-analytics-page .admin-analytics-status-grid{grid-template-columns:1fr!important}}.admin-analytics-status-card{flex-direction:column!important;justify-content:center!important;gap:8px!important;display:flex!important}.admin-analytics-status-label{margin-bottom:2px!important;line-height:1.4!important;display:block!important}.admin-analytics-status-value{margin-top:0!important;line-height:1.2!important;display:block!important}.admin-analytics-stat-card{flex-direction:column!important;gap:6px!important;display:flex!important}.admin-analytics-stat-label{margin-bottom:2px!important;display:block!important}.admin-analytics-stat-value{margin-top:0!important;display:block!important}body.dark-mode .admin-analytics-status-label{color:#cbd5e1!important}body.dark-mode .admin-analytics-status-value{color:#fff!important;-webkit-text-fill-color:#fff!important}.services-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(140px,1fr));gap:12px;margin:24px 0;padding:16px;display:grid}.services-filters input,.services-filters select{color:#0f172a;width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px 12px}.services-filters input:focus,.services-filters select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.services-filters button{color:#0f172a;min-height:44px;font:inherit;cursor:pointer;background:#e2e8f0;border:none;border-radius:9px;padding:10px 14px;font-weight:600}.services-filters button:hover{background:#cbd5e1}.service-featured-badge{color:#4338ca;background:#eef2ff;border-radius:999px;width:fit-content;margin-bottom:12px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}body.dark-mode .services-filters{background:#172033;border-color:#334155}body.dark-mode .services-filters input,body.dark-mode .services-filters select{color:#f8fafc;background:#0f172a;border-color:#475569}body.dark-mode .services-filters input::placeholder{color:#94a3b8}body.dark-mode .services-filters button{color:#f8fafc;background:#334155}body.dark-mode .services-filters button:hover{background:#475569}body.dark-mode .service-featured-badge{color:#e0e7ff;background:#312e81}@media (width<=900px){.services-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.services-filters input{grid-column:1/-1}}@media (width<=600px){.services-filters{grid-template-columns:1fr;gap:10px;padding:12px}.services-filters input{grid-column:auto}}.notification-center{z-index:1000;align-items:center;display:flex;position:relative}.notification-button{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);width:42px;height:42px;color:var(--text-color,#334155);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex;position:relative}.notification-button:hover{background:var(--hover-bg,#f8fafc);border-color:var(--primary-color,#6366f1);color:var(--primary-color,#6366f1);transform:translateY(-1px);box-shadow:0 5px 16px #0f172a14}.notification-button:active{transform:translateY(0)}.notification-button:focus-visible{outline-offset:2px;outline:3px solid #6366f133}.notification-badge{border:2px solid var(--card-bg,#fff);color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 7px #ef44444d}.notification-panel{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:18px;flex-direction:column;width:min(410px,100vw - 28px);max-height:min(620px,100vh - 110px);animation:.18s ease-out notificationPanelIn;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 50px #0f172a29,0 5px 15px #0f172a14}@keyframes notificationPanelIn{0%{opacity:0;transform:translateY(-7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-panel-header{border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 18px 15px;display:flex}.notification-panel-header h3{color:var(--heading-color,#0f172a);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:750}.notification-panel-header p{color:var(--muted-color,#64748b);margin:4px 0 0;font-size:12px}.notification-mark-all{border:1px solid var(--border-color,#e2e8f0);color:var(--primary-color,#4f46e5);cursor:pointer;background:0 0;border-radius:9px;flex-shrink:0;padding:7px 10px;font-size:11px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s}.notification-mark-all:hover{background:var(--primary-soft,#eef2ff);border-color:var(--primary-color,#6366f1)}.notification-panel-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:120px;overflow-y:auto}.notification-panel-body::-webkit-scrollbar{width:6px}.notification-panel-body::-webkit-scrollbar-thumb{background:var(--scrollbar-color,#cbd5e1);border-radius:999px}.notification-panel-body::-webkit-scrollbar-track{background:0 0}.notification-item{border:0;border-bottom:1px solid var(--border-color,#e2e8f0);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:12px;padding:15px 17px;transition:background-color .2s,transform .15s;display:flex;position:relative}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:var(--hover-bg,#f8fafc)}.notification-item:focus-visible{outline:2px solid var(--primary-color,#6366f1);outline-offset:-2px}.notification-unread{background:var(--notification-unread-bg,#f8faff)}.notification-unread:hover{background:var(--notification-unread-hover,#f1f5ff)}.notification-read{opacity:.78}.notification-item-icon{border:1px solid var(--border-color,#e2e8f0);background:var(--icon-bg,#f8fafc);border-radius:11px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.notification-item-content{flex:1;min-width:0;padding-right:4px}.notification-item-content h4{color:var(--heading-color,#1e293b);margin:0 0 4px;font-size:13px;font-weight:750;line-height:1.35}.notification-item-content p{color:var(--text-color,#475569);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.55}.notification-date{color:var(--muted-color,#94a3b8);margin-top:7px;font-size:10px;line-height:1.3;display:block}.notification-unread-dot{background:var(--primary-color,#6366f1);width:8px;height:8px;box-shadow:0 0 0 3px var(--primary-soft,#eef2ff);border-radius:50%;flex:0 0 8px;margin-top:5px}.notification-empty{min-height:180px;color:var(--muted-color,#64748b);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px 20px;display:flex}.notification-empty p{margin:0;font-size:12px}.notification-empty-icon{border:1px solid var(--border-color,#e2e8f0);background:var(--icon-bg,#f8fafc);color:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex}@media (prefers-color-scheme:dark){.notification-button{color:#cbd5e1;background:#111827;border-color:#334155}.notification-button:hover{color:#a5b4fc;background:#1e293b;border-color:#818cf8;box-shadow:0 5px 18px #00000047}.notification-badge{border-color:#111827}.notification-panel{background:#111827;border-color:#334155;box-shadow:0 24px 60px #00000073,0 6px 18px #0000004d}.notification-panel-header{background:#111827;border-color:#334155}.notification-panel-header h3{color:#f8fafc}.notification-panel-header p{color:#94a3b8}.notification-mark-all{color:#a5b4fc;border-color:#334155}.notification-mark-all:hover{background:#1e1b4b;border-color:#6366f1}.notification-item{border-color:#334155}.notification-item:hover{background:#1e293b}.notification-unread{background:#172033}.notification-unread:hover{background:#1e293b}.notification-item-icon{background:#1e293b;border-color:#334155}.notification-item-content h4{color:#f1f5f9}.notification-item-content p{color:#cbd5e1}.notification-date{color:#64748b}.notification-empty{color:#94a3b8}.notification-empty-icon{background:#1e293b;border-color:#334155}.notification-panel-body::-webkit-scrollbar-thumb{background:#475569}.notification-unread-dot{background:#818cf8;box-shadow:0 0 0 3px #1e1b4b}}@media (width<=600px){.notification-panel{border-radius:16px;width:auto;max-height:calc(100vh - 88px);position:fixed;top:68px;left:12px;right:12px}.notification-panel-header{padding:16px}.notification-item{padding:14px 15px}.notification-button{width:40px;height:40px}}body.dark-mode .notification-button{color:#e2e8f0;background:#182235;border-color:#334155}body.dark-mode .notification-button:hover{color:#c7d2fe;background:#263449;border-color:#818cf8;box-shadow:0 5px 18px #00000047}body.dark-mode .notification-badge{border-color:#182235}body.dark-mode .notification-panel{background:#182235;border-color:#3b4a63;box-shadow:0 24px 60px #0000007a,0 6px 18px #0000004d}body.dark-mode .notification-panel-header{background:#182235;border-color:#3b4a63}body.dark-mode .notification-panel-header h3{color:#f8fafc}body.dark-mode .notification-panel-header p{color:#a8b4c7}body.dark-mode .notification-mark-all{color:#c7d2fe;background:#202d42;border-color:#475569}body.dark-mode .notification-mark-all:hover{color:#fff;background:#312e81;border-color:#818cf8}body.dark-mode .notification-item{color:#e2e8f0;border-color:#334155}body.dark-mode .notification-item:hover{background:#263449}body.dark-mode .notification-unread{background:#202d42}body.dark-mode .notification-unread:hover{background:#2a3951}body.dark-mode .notification-item-icon{background:#263449;border-color:#475569}body.dark-mode .notification-item-content h4{color:#f8fafc}body.dark-mode .notification-item-content p{color:#d1d9e6}body.dark-mode .notification-date{color:#94a3b8}body.dark-mode .notification-empty{color:#a8b4c7}body.dark-mode .notification-empty-icon{background:#263449;border-color:#475569}body.dark-mode .notification-panel-body::-webkit-scrollbar-thumb{background:#64748b}body.dark-mode .notification-unread-dot{background:#818cf8;box-shadow:0 0 0 3px #312e81}.notification-panel{right:-120px}@media (width<=900px){.notification-panel{right:-80px}}@media (width<=600px){.notification-panel{left:12px;right:12px}.topbar{gap:10px;height:64px;padding:0 12px}.topbar h2{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:17px;line-height:1.2;overflow:hidden}.topbar-actions{flex-shrink:0;gap:6px}.announcement-button,.notification-button{border-radius:9px;width:38px;height:38px}.theme-toggle{border-radius:9px;min-width:38px;height:38px;padding:0 8px;font-size:0}.theme-toggle .theme-icon{margin:0}.topbar-user{flex-shrink:0;gap:6px;font-size:0}.topbar-user>span:first-child{display:none}.account-badge{padding:5px 7px;font-size:10px;line-height:1}}@media (width<=420px){.topbar{gap:7px;padding:0 9px}.topbar-actions{gap:4px}.announcement-button,.notification-button,.theme-toggle{width:35px;height:35px}.account-badge{padding:5px 6px;font-size:9px}}@media (width<=600px){.announcement-panel{border-radius:16px;width:auto;max-width:none;max-height:calc(100vh - 88px);position:fixed;top:70px;left:12px;right:12px}.announcement-panel-body{max-height:calc(100vh - 170px)}}@media (width<=420px){.announcement-panel{top:66px;left:8px;right:8px}}@media (width<=600px){.announcement-panel{box-sizing:border-box!important;border-radius:16px!important;width:min(380px,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 88px)!important;margin:0!important;position:fixed!important;top:70px!important;left:50vw!important;right:auto!important;transform:translate(-50%)!important}.announcement-panel-body{max-height:calc(100vh - 170px)!important;overflow-y:auto!important}}@media (width<=420px){.announcement-panel{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;top:66px!important}}body.dark-mode .success-message{color:#dcfce7!important;-webkit-text-fill-color:#dcfce7!important;background:#123524!important;border-color:#22c55e!important;font-weight:600!important}body.dark-mode .section-card .stat-value{color:#f8fafc!important}.dark .price-input-wrapper,.dark-mode .price-input-wrapper,body.dark .price-input-wrapper{background:#111827;border-color:#475569}.dark .price-input-wrapper>span,.dark-mode .price-input-wrapper>span,body.dark .price-input-wrapper>span{color:#cbd5e1}.dark .price-input-wrapper input,.dark-mode .price-input-wrapper input,body.dark .price-input-wrapper input{color:#f9fafb;background:#111827}.dark .price-input-wrapper small,.dark-mode .price-input-wrapper small,body.dark .price-input-wrapper small{color:#94a3b8}body.dark-mode .service-form-cancel-top{color:#e2e8f0!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode .service-form-cancel-top:hover{color:#f8fafc!important;background:#334155!important}body.dark-mode .service-secondary-button{color:#e2e8f0!important;background:#1e293b!important;border-color:#475569!important}body.dark-mode .service-secondary-button:hover{color:#f8fafc!important;background:#334155!important}.reseller-activation-details{flex-direction:column;gap:20px;display:flex}.activation-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px}.activation-section h3{color:#1e293b;margin:0 0 8px}.activation-section p{color:#475569;margin:0;line-height:1.6}.primary-button{color:#fff;cursor:pointer;background:#6366f1;border:1px solid #4f46e5;border-radius:10px;min-height:46px;padding:12px 22px;font-size:15px;font-weight:700;transition:all .2s}.primary-button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.primary-button:disabled{color:#cbd5e1;cursor:not-allowed;opacity:1;background:#475569}body.dark-mode .activation-section{background:#172033;border-color:#334155}body.dark-mode .activation-section h3{color:#f8fafc!important}body.dark-mode .activation-section p{color:#cbd5e1!important}body.dark-mode .primary-button{color:#fff!important;background:#6366f1!important;border-color:#6366f1!important}body.dark-mode .primary-button:hover:not(:disabled){color:#fff!important;background:#4f46e5!important}body.dark-mode .primary-button:disabled{color:#cbd5e1!important;opacity:1!important;background:#475569!important;border-color:#64748b!important}.confirmation-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirmation-modal{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(100%,440px);padding:28px;animation:.18s ease-out confirmation-modal-in;box-shadow:0 24px 60px #0f172a40}.confirmation-modal-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:24px;font-weight:800;display:flex}.confirmation-modal h2{color:#0f172a;margin:0 0 10px;font-size:22px;font-weight:800}.confirmation-modal-message{color:#475569;max-width:360px;margin:0 auto;font-size:15px;line-height:1.6}.confirmation-modal-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.confirmation-modal-actions button{cursor:pointer;border-radius:10px;min-width:120px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s}.confirmation-cancel-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.confirmation-cancel-button:hover:not(:disabled){background:#f1f5f9}.confirmation-confirm-button{color:#fff;background:#6366f1;border:1px solid #4f46e5}.confirmation-confirm-button:hover:not(:disabled){background:#4f46e5}.confirmation-danger-button{background:#dc2626;border-color:#dc2626}.confirmation-danger-button:hover:not(:disabled){background:#b91c1c}.confirmation-modal-actions button:disabled{cursor:not-allowed;opacity:.65}@keyframes confirmation-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}body.dark-mode .confirmation-modal{background:#172033;border-color:#334155;box-shadow:0 24px 60px #00000073}body.dark-mode .confirmation-modal h2{color:#f8fafc!important}body.dark-mode .confirmation-modal-message{color:#cbd5e1!important}body.dark-mode .confirmation-modal-icon{color:#f87171;background:#451a1a}body.dark-mode .confirmation-cancel-button{color:#e2e8f0;background:#1e293b;border-color:#475569}body.dark-mode .confirmation-cancel-button:hover:not(:disabled){color:#fff;background:#334155}body.dark-mode .confirmation-confirm-button{color:#fff;background:#6366f1;border-color:#6366f1}body.dark-mode .confirmation-confirm-button:hover:not(:disabled){background:#4f46e5}@media (width<=480px){.confirmation-modal-overlay{padding:16px}.confirmation-modal{border-radius:14px;padding:22px 18px}.confirmation-modal h2{font-size:20px}.confirmation-modal-message{font-size:14px}.confirmation-modal-actions{flex-direction:column-reverse}.confirmation-modal-actions button{width:100%}}.terms-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172aad;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.terms-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:min(720px,100%);max-height:min(820px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.terms-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:22px 24px 16px}.terms-modal-header h2{color:#0f172a;margin:0;font-size:22px;line-height:1.3}.terms-modal-version{color:#64748b;margin:6px 0 0;font-size:13px}.terms-modal-content{color:#334155;flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.terms-modal-content section{margin-bottom:20px}.terms-modal-content section:last-child{margin-bottom:0}.terms-modal-content h3{color:#0f172a;margin:0 0 7px;font-size:15px;line-height:1.4}.terms-modal-content p{margin:0;font-size:14px;line-height:1.65}.terms-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;padding:16px 24px 20px}.terms-checkbox-label{cursor:pointer;color:#334155;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.terms-checkbox-label input{cursor:pointer;flex:none;width:17px;height:17px;margin:2px 0 0}.terms-modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.terms-decline-button,.terms-agree-button{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:42px;padding:0 20px;font-size:14px;font-weight:600}.terms-decline-button{color:#475569;background:#fff;border-color:#cbd5e1}.terms-decline-button:hover{background:#f1f5f9}.terms-agree-button{color:#fff;background:#2563eb}.terms-agree-button:hover:not(:disabled){background:#1d4ed8}.terms-agree-button:disabled{opacity:.5;cursor:not-allowed}body.dark-mode .terms-modal{background:#0f172a;border-color:#334155;box-shadow:0 24px 70px #00000080}body.dark-mode .terms-modal-header{border-bottom-color:#334155}body.dark-mode .terms-modal-header h2,body.dark-mode .terms-modal-content h3{color:#f8fafc}body.dark-mode .terms-modal-version{color:#94a3b8}body.dark-mode .terms-modal-content,body.dark-mode .terms-modal-content p{color:#cbd5e1}body.dark-mode .terms-modal-footer{background:#111827;border-top-color:#334155}body.dark-mode .terms-checkbox-label{color:#e2e8f0}body.dark-mode .terms-decline-button{color:#e2e8f0;background:#1e293b;border-color:#475569}body.dark-mode .terms-decline-button:hover{background:#334155}@media (width<=600px){.terms-modal-overlay{align-items:center;padding:12px}.terms-modal{border-radius:14px;width:100%;max-height:calc(100vh - 24px)}.terms-modal-header{padding:18px 18px 14px}.terms-modal-header h2{font-size:18px}.terms-modal-content{padding:16px 18px}.terms-modal-content section{margin-bottom:18px}.terms-modal-content h3{font-size:14px}.terms-modal-content p{font-size:13px;line-height:1.6}.terms-modal-footer{padding:14px 18px 16px}.terms-checkbox-label{font-size:13px}.terms-modal-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.terms-decline-button,.terms-agree-button{width:100%;min-height:44px}}.email-verification-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.email-verification-modal{text-align:center;background:#fff;border-radius:18px;width:min(100%,460px);max-height:calc(100vh - 40px);padding:30px;overflow-y:auto;box-shadow:0 20px 50px #0003}.email-verification-icon{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.email-verification-modal h2{color:#111827;margin:0 0 12px;font-size:24px}.email-verification-message{color:#64748b;margin:0;font-size:14px;line-height:1.5}.email-verification-email{color:#111827;word-break:break-word;margin:8px 0 24px;font-size:15px;font-weight:600}.email-verification-form-group{text-align:left}.email-verification-form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.email-verification-form-group input{box-sizing:border-box;color:#111827;letter-spacing:6px;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:20px;font-weight:600}.email-verification-form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.email-verification-expiry{color:#64748b;margin:10px 0 12px;font-size:12px}.email-verification-resend{color:#4f46e5;cursor:pointer;background:0 0;border:none;margin:0 0 24px;padding:0;font-size:13px;font-weight:600}.email-verification-resend:disabled{color:#94a3b8;cursor:not-allowed}.email-verification-actions{gap:12px;display:flex}.email-verification-actions button{cursor:pointer;border-radius:10px;flex:1;min-height:44px;font-size:14px;font-weight:600}.email-verification-cancel{color:#475569;background:#fff;border:1px solid #cbd5e1}.email-verification-confirm{color:#fff;background:#4f46e5;border:1px solid #4f46e5}.email-verification-actions button:disabled{opacity:.6;cursor:not-allowed}body.dark-mode .email-verification-modal{background:#0f172a;box-shadow:0 20px 50px #00000073}body.dark-mode .email-verification-icon{color:#a5b4fc;background:#1e293b}body.dark-mode .email-verification-modal h2{color:#f8fafc}body.dark-mode .email-verification-message,body.dark-mode .email-verification-expiry{color:#94a3b8}body.dark-mode .email-verification-email{color:#f1f5f9}body.dark-mode .email-verification-form-group label{color:#e2e8f0}body.dark-mode .email-verification-form-group input{color:#f8fafc;background:#1e293b;border-color:#475569}body.dark-mode .email-verification-cancel{color:#e2e8f0;background:#1e293b;border-color:#475569}body.dark-mode .email-verification-confirm{color:#fff;background:#6366f1;border-color:#6366f1}@media (width<=600px){.email-verification-overlay{padding:14px}.email-verification-modal{border-radius:16px;padding:24px 20px}.email-verification-modal h2{font-size:21px}.email-verification-form-group input{letter-spacing:5px;font-size:18px}.email-verification-actions{gap:10px}}body.dark-mode .error-message{color:#fecaca!important;background:#3f1d1d!important;border:1px solid #ef4444!important}body.dark-mode .error-message strong{color:#fee2e2!important}.order-tracker-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.order-tracker-modal{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 25px 70px #0f172a40}.order-tracker-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 28px 22px;display:flex}.order-tracker-eyebrow{color:#6366f1;letter-spacing:1.2px;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.order-tracker-header h2{margin:0;font-size:25px;line-height:1.2}.order-tracker-header p{color:#64748b;margin:7px 0 0;font-size:14px}.order-tracker-close{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;line-height:1;display:flex}.order-tracker-close:hover{color:#0f172a;background:#f1f5f9}.order-tracker-summary{grid-template-columns:repeat(3,1fr);gap:14px;padding:22px 28px;display:grid}.order-tracker-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-width:0;padding:16px}.order-tracker-summary span,.order-tracker-stat span{color:#64748b;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.order-tracker-summary strong{overflow-wrap:anywhere;font-size:15px;display:block}.order-tracker-summary .order-status{display:inline-block}.order-tracker-progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin:0 28px 22px;padding:22px}.order-tracker-progress-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.order-tracker-progress-header>div{min-width:0}.order-tracker-progress-header span{color:#64748b;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.order-tracker-progress-header strong{font-size:24px}.order-tracker-refresh{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700}.order-tracker-refresh:hover:not(:disabled){background:#f8fafc}.order-tracker-refresh:disabled{opacity:.65;cursor:not-allowed}.order-tracker-progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:12px;overflow:hidden}.order-tracker-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#8b5cf6);min-width:0;height:100%;transition:width .45s}.order-tracker-progress-meta{color:#64748b;justify-content:space-between;gap:15px;margin-top:10px;font-size:12px;font-weight:600;display:flex}.order-tracker-last-update{color:#94a3b8;margin-top:15px;font-size:11px;display:block}.order-tracker-unavailable{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:16px}.order-tracker-unavailable strong{color:#334155;margin-bottom:5px;display:block}.order-tracker-unavailable p{color:#64748b;margin:0;font-size:13px;line-height:1.55}.order-tracker-stats{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 28px 24px;display:grid}.order-tracker-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.order-tracker-stat strong{overflow-wrap:anywhere;font-size:18px;display:block}.order-tracker-timeline{border-top:1px solid #e2e8f0;padding:24px 28px}.order-tracker-section-heading span{color:#6366f1;letter-spacing:1.1px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.order-tracker-section-heading h3{margin:0 0 20px;font-size:19px}.order-tracker-events{position:relative}.order-tracker-event{grid-template-columns:24px minmax(0,1fr);column-gap:14px;min-height:72px;display:grid;position:relative}.order-tracker-event-marker{justify-content:center;display:flex;position:relative}.order-tracker-event-marker:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:0;bottom:-8px}.order-tracker-event:last-child .order-tracker-event-marker:before{bottom:50%}.order-tracker-event-marker span{z-index:1;background:#6366f1;border:3px solid #fff;border-radius:50%;width:11px;height:11px;margin-top:4px;position:relative;box-shadow:0 0 0 2px #c7d2fe}.order-tracker-event-content{min-width:0;padding-bottom:20px}.order-tracker-event-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-tracker-event-top strong{color:#1e293b;font-size:14px}.order-tracker-event-top time{color:#94a3b8;text-align:right;flex:none;font-size:11px}.order-tracker-event-content p{color:#64748b;overflow-wrap:anywhere;margin:5px 0 0;font-size:13px;line-height:1.5}.order-tracker-empty{text-align:center;background:#f8fafc;border-radius:12px;padding:18px}.order-tracker-empty p{color:#64748b;margin:0;font-size:13px}.order-tracker-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px 24px;display:flex}.order-tracker-footer p{color:#94a3b8;max-width:560px;margin:0;font-size:11px;line-height:1.5}.order-tracker-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}.order-tracker-state p{color:#64748b;margin:14px 0 0;font-size:14px}.order-tracker-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite orderTrackerSpin}@keyframes orderTrackerSpin{to{transform:rotate(360deg)}}.order-tracker-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin:22px 28px;padding:18px}.order-tracker-error strong{color:#991b1b}.order-tracker-error p{color:#b91c1c;margin:6px 0 12px;font-size:13px;line-height:1.5}.order-tracker-retry{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:9px 14px;font-weight:700}.order-tracker-retry:hover{opacity:.9}body.dark-mode .order-tracker-overlay{background:#020617c7}body.dark-mode .order-tracker-modal{color:#f8fafc;background:#0f172a;border-color:#334155;box-shadow:0 25px 70px #00000080}body.dark-mode .order-tracker-header{border-bottom-color:#334155}body.dark-mode .order-tracker-header p{color:#94a3b8}body.dark-mode .order-tracker-close{color:#cbd5e1;background:#1e293b;border-color:#475569}body.dark-mode .order-tracker-close:hover{color:#fff;background:#334155}body.dark-mode .order-tracker-summary>div,body.dark-mode .order-tracker-stat{background:#1e293b;border-color:#334155}body.dark-mode .order-tracker-summary span,body.dark-mode .order-tracker-stat span,body.dark-mode .order-tracker-progress-header span{color:#94a3b8}body.dark-mode .order-tracker-progress-card{background:#0f172a;border-color:#334155}body.dark-mode .order-tracker-refresh{color:#e2e8f0;background:#1e293b;border-color:#475569}body.dark-mode .order-tracker-refresh:hover:not(:disabled),body.dark-mode .order-tracker-progress-track{background:#334155}body.dark-mode .order-tracker-unavailable,body.dark-mode .order-tracker-empty{background:#1e293b;border-color:#475569}body.dark-mode .order-tracker-unavailable strong{color:#e2e8f0}body.dark-mode .order-tracker-unavailable p,body.dark-mode .order-tracker-empty p{color:#94a3b8}body.dark-mode .order-tracker-timeline,body.dark-mode .order-tracker-footer{border-top-color:#334155}body.dark-mode .order-tracker-event-marker:before{background:#334155}body.dark-mode .order-tracker-event-marker span{border-color:#0f172a}body.dark-mode .order-tracker-event-top strong{color:#f1f5f9}body.dark-mode .order-tracker-event-content p,body.dark-mode .order-tracker-state p{color:#94a3b8}body.dark-mode .order-tracker-spinner{border-color:#818cf8 #334155 #334155}body.dark-mode .order-tracker-footer p{color:#64748b}body.dark-mode .order-tracker-error{background:#450a0a;border-color:#7f1d1d}body.dark-mode .order-tracker-error strong{color:#fecaca}body.dark-mode .order-tracker-error p{color:#fca5a5}@media (width<=700px){.order-tracker-overlay{align-items:flex-start;padding:12px}.order-tracker-modal{border-radius:18px;max-height:calc(100vh - 24px)}.order-tracker-header{padding:20px}.order-tracker-summary{grid-template-columns:1fr;padding:18px 20px}.order-tracker-progress-card{margin:0 20px 18px;padding:18px}.order-tracker-stats{grid-template-columns:1fr;padding:0 20px 20px}.order-tracker-timeline{padding:20px}.order-tracker-footer{flex-direction:column;align-items:stretch;padding:18px 20px 20px}.order-tracker-footer .order-action-button{width:100%}.order-tracker-progress-header{flex-direction:column;align-items:flex-start}.order-tracker-refresh{width:100%}}@media (width<=480px){.order-tracker-overlay{padding:8px}.order-tracker-modal{border-radius:15px;max-height:calc(100vh - 16px)}.order-tracker-header{padding:18px}.order-tracker-header h2{font-size:21px}.order-tracker-close{flex-basis:34px;width:34px;height:34px;font-size:21px}.order-tracker-progress-card{margin-left:14px;margin-right:14px}.order-tracker-summary,.order-tracker-stats,.order-tracker-timeline,.order-tracker-footer{padding-left:14px;padding-right:14px}.order-tracker-event-top{flex-direction:column;gap:4px}.order-tracker-event-top time{text-align:left}.order-tracker-progress-meta{flex-direction:column;gap:4px}}.admin-order-tracking{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:20px;padding:18px}.admin-order-tracking-header{margin-bottom:15px}.admin-order-tracking-eyebrow{color:#6366f1;letter-spacing:1px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.admin-order-tracking-header h4{color:#1e293b;margin:0;font-size:16px}.admin-order-tracking-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.admin-order-tracking-grid label{flex-direction:column;gap:7px;display:flex}.admin-order-tracking-grid label span{color:#475569;font-size:12px;font-weight:700}.admin-order-tracking-grid input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}.admin-order-tracking-grid input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.admin-order-tracking-help{color:#64748b;margin:12px 0;font-size:11px;line-height:1.5}.admin-order-tracking .success-message,.admin-order-tracking .error-message{margin:10px 0;font-size:12px}.admin-order-tracking .order-action-button:disabled{opacity:.6;cursor:not-allowed}body.dark-mode .admin-order-tracking{background:#1e293b;border-color:#334155}body.dark-mode .admin-order-tracking-header h4{color:#f1f5f9}body.dark-mode .admin-order-tracking-grid label span{color:#cbd5e1}body.dark-mode .admin-order-tracking-grid input{color:#f8fafc;background:#0f172a;border-color:#475569}body.dark-mode .admin-order-tracking-grid input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf829}body.dark-mode .admin-order-tracking-help{color:#94a3b8}@media (width<=700px){.admin-order-tracking-grid{grid-template-columns:1fr}.admin-order-tracking{padding:15px}.admin-order-tracking .order-action-button{width:100%}}@media (width<=900px){html,body,#root{width:100%;min-width:0;overflow-x:hidden}.dashboard{width:100%;min-height:100dvh;display:block;overflow-x:clip}.main-content{min-width:0;max-width:100%;overflow-x:clip;width:100%!important;margin-left:0!important}.page-content{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:24px 20px 36px!important}.mobile-menu-button{border-radius:12px;box-shadow:0 4px 14px #0f172a2e;z-index:1500!important;width:46px!important;height:46px!important;padding:10px!important;position:fixed!important;top:12px!important;left:14px!important}.mobile-menu-button span{transition:transform .2s,opacity .2s;width:26px!important;height:2px!important}.mobile-menu-button[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-button[aria-expanded=true] span:last-child{transform:translateY(-7px)rotate(-45deg)}.sidebar{z-index:1400;box-sizing:border-box;border-radius:0 18px 18px 0;height:100dvh;padding:20px 18px 22px;transition:transform .25s;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:16px 0 40px #0f172a33;width:min(300px,88vw)!important;max-width:88vw!important;min-height:100dvh!important;position:fixed!important}.sidebar.sidebar-open{transform:translate(0)}.sidebar .sidebar-brand{padding:58px 12px 20px!important}.sidebar-overlay{z-index:1300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.topbar{z-index:1200;box-sizing:border-box;gap:10px;width:100%;height:68px;position:sticky;top:0;padding:0 16px 0 74px!important}}@media (width<=600px){.page-content{padding:20px 16px 30px!important}.page-content>.stats-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-content>.stats-grid .stat-card{min-width:0;padding:16px}.page-content>.stats-grid .stat-label{font-size:12px;line-height:1.35}.page-content>.stats-grid .stat-value{overflow-wrap:anywhere;font-size:21px}.welcome-section{margin-bottom:22px}.welcome-section h1{font-size:25px;line-height:1.2}.welcome-section p{font-size:15px;line-height:1.5}.section-card{padding:18px}.referral-share-card{gap:14px;grid-template-columns:minmax(0,1fr)!important}.referral-link-field input{font-size:13px}.referral-copy-button{width:100%}}@media (width<=360px){.topbar{gap:6px;padding-left:68px!important;padding-right:10px!important}.topbar-actions{gap:4px}.page-content>.stats-grid{grid-template-columns:1fr!important}}.public-content-checker-shell{background:#f4f6f8;min-height:100vh}.content-checker-page{width:min(1160px,100%);margin:0 auto;padding-top:38px}.content-checker-hero{color:#fff;background:linear-gradient(130deg,#242554 0%,#514de3 60%,#7069f7 100%);border-radius:24px;margin:0 0 26px;padding:clamp(24px,5vw,48px);box-shadow:0 18px 44px #2f308233}.content-checker-eyebrow{color:#7770ff;letter-spacing:.11em;font-size:12px;font-weight:800;display:inline-block}.content-checker-hero .content-checker-eyebrow{color:#d8d7ff}.content-checker-hero h1{color:#fff;max-width:760px;margin:14px 0 12px;font-size:clamp(30px,5vw,48px);line-height:1.08}.content-checker-hero>p{color:#ffffffdb;max-width:720px;margin:0;font-size:17px;line-height:1.6}.content-checker-trust{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.content-checker-trust span{color:#fff;background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;padding:8px 12px;font-size:13px}.content-checker-layout{grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);align-items:start;gap:20px;display:grid}.content-checker-form-card,.content-checker-explainer,.content-checker-results{background:#fff;border:1px solid #e1e5ec;border-radius:20px;box-shadow:0 10px 30px #0f172a0b}.content-checker-section-heading,.content-checker-result-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.content-checker-section-heading h2,.content-checker-result-heading h2,.content-checker-explainer h2{color:#172033;margin:0 0 8px;font-size:23px}.content-checker-section-heading p,.content-checker-explainer>p{color:#647087;margin:0;line-height:1.55}.content-checker-back,.content-checker-reset{color:#35405a;cursor:pointer;background:#fff;border:1px solid #d9deea;border-radius:10px;flex:none;padding:10px 13px;font-weight:700}.content-checker-page .form-group{margin-bottom:18px}.content-checker-page .form-group label{color:#263149;align-items:baseline;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.content-checker-page .form-group label span,.content-checker-page .form-group small{color:#778197;font-size:12px;font-weight:400}.content-checker-page .form-group input,.content-checker-page .form-group textarea,.content-checker-page .form-group select{color:#172033;width:100%;min-height:46px;font:inherit;background:#fbfcfe;border:1px solid #cfd6e2;border-radius:11px;padding:12px 14px}.content-checker-page .form-group textarea{resize:vertical;min-height:112px}.content-checker-page .form-group input:focus,.content-checker-page .form-group textarea:focus,.content-checker-page .form-group select:focus{border-color:#625df0;outline:3px solid #625df026}.content-checker-page .form-group small{margin-top:6px;line-height:1.5;display:block}.content-checker-character-count{text-align:right}.content-checker-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.content-checker-field-grid .form-group:last-child{grid-column:1/-1}.content-checker-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.content-checker-actions .login-button{flex:1;min-height:50px;margin:0}.content-checker-explainer{padding:24px}.content-checker-icon{color:#554ff0;background:#efefff;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:18px;font-size:24px;display:grid}.content-checker-explainer ul{color:#46536b;gap:14px;margin:20px 0;padding-left:20px;line-height:1.5;display:grid}.content-checker-explainer>p{border-top:1px solid #e8ebf1;padding-top:16px;font-size:13px}.content-checker-results{margin-top:20px;padding:clamp(20px,4vw,32px)}.content-checker-ai-card,.content-checker-ai-results{background:linear-gradient(145deg,#fff 0%,#f7f7ff 100%);border:1px solid #dfe2ff;border-radius:20px;margin-top:20px;padding:clamp(20px,4vw,30px)}.content-checker-success{color:#17683a;background:#effaf3;border:1px solid #b7ebca;border-radius:10px;align-items:center;gap:8px;margin:0 0 16px;padding:10px 13px;font-size:14px;font-weight:650;line-height:1.4;display:flex}.content-checker-success span{color:#16834b;font-size:16px;font-weight:800}.content-checker-ai-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.content-checker-ai-heading h2,.content-checker-ai-results h2{color:#172033;margin:8px 0 0;font-size:23px}.content-checker-usage-pill{color:#514ce2;white-space:nowrap;background:#ececff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.content-checker-ai-description,.content-checker-ai-gate{color:#536078;margin:14px 0;line-height:1.55}.content-checker-ai-privacy{color:#59657c;background:#fffc;border:1px solid #e7e9f4;border-radius:11px;padding:13px 14px;font-size:13px;line-height:1.55}.content-checker-consent{color:#35405a;align-items:flex-start;gap:10px;margin:16px 0;font-size:14px;line-height:1.45;display:flex}.content-checker-consent input{accent-color:#5d58ed;flex:none;width:18px;height:18px;margin:1px 0 0}.content-checker-ai-button{color:#fff;cursor:pointer;background:#5f5bed;border:0;border-radius:12px;width:100%;min-height:50px;padding:12px 18px;font-size:15px;font-weight:800;transition:background .15s,transform .15s}.content-checker-ai-button:hover:not(:disabled){background:#4d49d6;transform:translateY(-1px)}.content-checker-ai-button:disabled{opacity:.55;cursor:not-allowed}.content-checker-ai-results>h2{margin-bottom:10px}.content-checker-ai-summary{color:#505c73;max-width:900px;font-size:16px;line-height:1.65}.content-checker-ai-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.content-checker-ai-result-grid article{background:#fff;border:1px solid #e5e7f2;border-radius:14px;min-width:0;padding:18px}.content-checker-ai-result-grid h3{color:#242e45;margin:0 0 10px;font-size:15px}.content-checker-ai-result-grid p,.content-checker-ai-result-grid ul{color:#566179;margin:0;font-size:14px;line-height:1.6}.content-checker-ai-result-grid ul{gap:8px;padding-left:20px;display:grid}.content-checker-ai-hashtags{overflow-wrap:anywhere;font-weight:700;color:#514ce2!important}.content-checker-result-heading{align-items:center}.content-checker-score{color:#4f4ae0;background:#f0f0ff;border-radius:14px;align-items:center;gap:8px;min-width:120px;padding:12px;display:flex}.content-checker-score strong{font-size:34px;line-height:1}.content-checker-score span{color:#616783;font-size:12px;line-height:1.25}.content-checker-score-note{color:#6b7488;margin:-10px 0 20px;font-size:13px}.content-checker-findings{gap:10px;margin:0;padding:0;list-style:none;display:grid}.content-checker-finding{color:#3a465d;background:#f6f8fb;border-radius:11px;gap:10px;padding:13px 14px;line-height:1.45;display:flex}.content-checker-finding>span{flex:none;font-weight:800}.content-checker-finding.good>span{color:#17834f}.content-checker-finding.tip>span{color:#655ef0}.public-checker-link{color:#514ce2;cursor:pointer;background:#f7f7ff;border:1px solid #dedfff;border-radius:11px;width:100%;margin:-18px 0 24px;padding:12px;font-weight:700;display:block}body.dark-mode .content-checker-form-card,body.dark-mode .content-checker-explainer,body.dark-mode .content-checker-results,body.dark-mode .content-checker-ai-card,body.dark-mode .content-checker-ai-results{background:#202a3b;border-color:#343d50}body.dark-mode .content-checker-section-heading h2,body.dark-mode .content-checker-result-heading h2,body.dark-mode .content-checker-explainer h2,body.dark-mode .content-checker-page .form-group label,body.dark-mode .content-checker-ai-heading h2,body.dark-mode .content-checker-ai-results h2{color:#f1f4fb}body.dark-mode .content-checker-section-heading p,body.dark-mode .content-checker-explainer>p,body.dark-mode .content-checker-explainer ul,body.dark-mode .content-checker-score-note,body.dark-mode .content-checker-ai-description,body.dark-mode .content-checker-ai-gate,body.dark-mode .content-checker-ai-summary,body.dark-mode .content-checker-ai-result-grid p,body.dark-mode .content-checker-ai-result-grid ul,body.dark-mode .content-checker-consent{color:#b9c3d4}body.dark-mode .content-checker-page .form-group input,body.dark-mode .content-checker-page .form-group textarea,body.dark-mode .content-checker-page .form-group select,body.dark-mode .content-checker-back,body.dark-mode .content-checker-reset{color:#f2f5fb;background:#151d2b;border-color:#48546a}body.dark-mode .content-checker-finding{color:#e2e8f2;background:#182233}body.dark-mode .content-checker-ai-privacy,body.dark-mode .content-checker-ai-result-grid article{color:#c1cada;background:#182233;border-color:#404a60}body.dark-mode .content-checker-success{color:#d1fae5;background:#173629;border-color:#276546}body.dark-mode .content-checker-success span{color:#6ee7a1}body.dark-mode .content-checker-score{color:#e3e0ff;background:#302d59}body.dark-mode .content-checker-score span{color:#c8c3ff}body.dark-mode .content-checker-usage-pill{color:#e4e2ff;background:#34305b;border:1px solid #625db5}body.dark-mode .content-checker-ai-button:disabled{color:#bac2d3;opacity:1;background:#3b4660}body.dark-mode .content-checker-ai-result-grid h3{color:#f1f4fb}body.dark-mode .public-content-checker-shell{background:#151d2b}body.dark-mode .public-checker-link{color:#c9c7ff;background:#252642;border-color:#454585}@media (width<=760px){.content-checker-page{padding-top:20px}.content-checker-layout{grid-template-columns:1fr}.content-checker-trust{gap:7px}.content-checker-trust span{font-size:12px}}@media (width<=480px){.content-checker-field-grid{grid-template-columns:1fr;gap:0}.content-checker-field-grid .form-group:last-child{grid-column:auto}.content-checker-section-heading{flex-direction:column}.content-checker-actions{flex-direction:column;align-items:stretch}.content-checker-actions .login-button,.content-checker-reset{width:100%}.content-checker-result-heading,.content-checker-ai-heading{flex-direction:column;align-items:flex-start}.content-checker-ai-result-grid{grid-template-columns:1fr}}.public-home{--home-ink:#142033;--home-muted:#627187;--home-line:#e4eaf2;--home-accent:#5c57ee;--home-accent-dark:#4742d4;min-height:100vh;color:var(--home-ink);background:#fff;font-family:Arial,Helvetica,sans-serif}.public-home button,.public-home a{font:inherit}.public-home-nav{border-bottom:1px solid var(--home-line);justify-content:space-between;align-items:center;gap:28px;width:min(1240px,100% - 64px);min-height:88px;margin:0 auto;display:flex}.public-home-brand img{object-fit:contain;width:170px;max-height:54px;display:block}.public-home-nav nav,.public-home-actions{align-items:center;gap:28px;display:flex}.public-home-nav nav a,.public-home-login,.public-home-footer button{color:#3f4c61;cursor:pointer;background:0 0;border:0;text-decoration:none}.public-home-nav nav a:hover,.public-home-login:hover,.public-home-footer button:hover{color:var(--home-accent)}.public-home-actions button{cursor:pointer;border-radius:10px;padding:11px 16px;font-weight:700}.public-home-login{padding:11px 4px!important}.public-home-signup,.public-home-primary{color:#fff;background:var(--home-accent);border:1px solid var(--home-accent)}.public-home-signup:hover,.public-home-primary:hover{background:var(--home-accent-dark);border-color:var(--home-accent-dark)}.public-home-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(36px,7vw,96px);width:min(1240px,100% - 64px);margin:0 auto;padding:82px 0 88px;display:grid}.public-home-eyebrow{color:var(--home-accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:800;line-height:1.4;display:inline-block}.public-home-hero h1{letter-spacing:-.045em;max-width:660px;margin:0;font-size:clamp(42px,5vw,66px);line-height:1.05}.public-home-hero-copy>p:not(.public-home-note){max-width:590px;color:var(--home-muted);margin:24px 0 0;font-size:19px;line-height:1.65}.public-home-hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.public-home-hero-actions button{cursor:pointer;border-radius:11px;min-height:50px;padding:0 20px;font-weight:700}.public-home-secondary{color:#303d52;background:#fff;border:1px solid #d5ddea}.public-home-secondary:hover{border-color:var(--home-accent);color:var(--home-accent)}.public-home-note{color:#758196;margin:17px 0 0;font-size:13px;line-height:1.5}.public-home-preview{background:linear-gradient(145deg,#f8f8ff,#f4f7fb 70%);border:1px solid #dfe5f0;border-radius:22px;overflow:hidden;box-shadow:0 26px 70px #1e27481f}.public-home-preview-topline{color:#66748a;letter-spacing:.12em;border-bottom:1px solid #e4e8f2;align-items:center;gap:9px;min-height:50px;padding:0 22px;font-size:10px;font-weight:800;display:flex}.public-home-preview-dot{background:#26a879;border-radius:50%;width:8px;height:8px}.public-home-preview-label{color:#17865f;letter-spacing:0;background:#e1f5ed;border-radius:99px;margin-left:auto;padding:7px 10px}.public-home-preview-content{padding:clamp(24px,4vw,42px)}.public-home-preview-kicker{color:#7770ef;font-size:13px;font-weight:700}.public-home-preview-content h2{letter-spacing:-.035em;max-width:420px;margin:10px 0 28px;font-size:clamp(25px,3vw,34px);line-height:1.18}.public-home-preview-row{background:#ffffffdb;border:1px solid #e4e8f2;border-radius:12px;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;min-height:64px;margin-top:11px;padding:12px 15px;display:grid}.public-home-preview-row>span{color:#8b91a4;font-size:12px;font-weight:700}.public-home-preview-row p{color:#344158;margin:0;font-size:14px;line-height:1.4}.public-home-preview-row b{color:#188458}.public-home-preview-footer{color:#69768a;border-top:1px solid #e4e8f2;padding:17px 24px;font-size:12px}.public-home-tools,.public-home-about,.public-home-contact{width:min(1240px,100% - 64px);margin:0 auto}.public-home-tools{border-top:1px solid var(--home-line);padding:72px 0 88px}.public-home-section-heading{max-width:690px;margin-bottom:32px}.public-home-section-heading h2,.public-home-about h2,.public-home-contact h2{letter-spacing:-.035em;margin:0;font-size:clamp(29px,3.4vw,42px);line-height:1.15}.public-home-section-heading p,.public-home-card p,.public-home-about-copy p,.public-home-contact p{color:var(--home-muted);line-height:1.7}.public-home-section-heading p{margin:13px 0 0;font-size:16px}.public-home-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.public-home-card{border:1px solid var(--home-line);background:#fff;border-radius:17px;min-height:270px;padding:26px}.public-home-card-featured{background:linear-gradient(145deg,#fbfaff,#fff 72%);border-color:#dcdafe}.public-home-card-number{color:#8580ec;letter-spacing:.1em;font-size:12px;font-weight:800}.public-home-card h3{margin:19px 0 10px;font-size:20px}.public-home-card p{min-height:92px;margin:0 0 17px;font-size:14px}.public-home-text-link{color:var(--home-accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.public-home-text-link span{margin-left:5px}.public-home-about{border-top:1px solid var(--home-line);grid-template-columns:.9fr 1.1fr;gap:60px;padding:58px 0;display:grid}.public-home-about-copy p:first-child{margin-top:0}.public-home-about-copy p:last-child{margin-bottom:0}.public-home-contact{background:#f5f6ff;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:45px;padding:32px 36px;display:flex}.public-home-contact .public-home-eyebrow{margin-bottom:9px}.public-home-contact h2{font-size:clamp(24px,3vw,32px)}.public-home-contact p{margin:9px 0 0}.public-home-contact-link{color:#fff;background:var(--home-accent);border-radius:10px;flex:none;padding:14px 18px;font-size:14px;font-weight:700;text-decoration:none}.public-home-footer{color:#758196;border-top:1px solid var(--home-line);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:18px max(32px,50% - 620px);font-size:13px;display:flex}.public-home-footer button{padding:6px 0}@media (width<=850px){.public-home-hero{grid-template-columns:1fr;padding:60px 0 66px}.public-home-preview{max-width:620px}.public-home-about{grid-template-columns:1fr;gap:18px}}@media (width<=640px){.public-home-nav,.public-home-hero,.public-home-tools,.public-home-about,.public-home-contact{width:min(100% - 36px,540px)}.public-home-nav{gap:10px;min-height:72px}.public-home-brand img{width:128px}.public-home-nav nav{display:none}.public-home-actions{gap:12px}.public-home-actions button{padding:9px 11px;font-size:13px}.public-home-hero{gap:34px;padding:48px 0 54px}.public-home-hero h1{font-size:clamp(39px,11vw,54px)}.public-home-hero-copy>p:not(.public-home-note){font-size:17px}.public-home-hero-actions{display:grid}.public-home-hero-actions button{width:100%}.public-home-preview-content{padding:22px 17px}.public-home-preview-row{grid-template-columns:25px 1fr 18px;padding:10px}.public-home-preview-row p{font-size:13px}.public-home-tools{padding:54px 0}.public-home-card-grid{grid-template-columns:1fr}.public-home-card,.public-home-card p{min-height:0}.public-home-about{padding:46px 0}.public-home-contact{flex-direction:column;align-items:flex-start;margin-bottom:28px;padding:25px 20px}.public-home-footer{flex-wrap:wrap;padding:18px;font-size:12px}}