:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #e0e7ff;--color-secondary: #0ea5e9;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-accent: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-card: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--sidebar-bg: #0f172a;--sidebar-text: #94a3b8;--sidebar-hover: #1e293b;--sidebar-active: #6366f1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25)}:root{--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-laptop: 1024px;--breakpoint-desktop: 1280px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-bg);color:var(--color-text-primary);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold)}p{margin:0}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}:root.dark-theme,html.dark-theme,body.dark-theme{--color-bg: #090d16;--color-surface: #0f172a;--color-border: #1e293b;--color-border-subtle: #172033;--color-text-primary: #ffffff;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #0f172a;--gradient-card: linear-gradient(180deg, #131d35 0%, #0f172a 100%);--sidebar-bg: #060911;background-color:#090d16!important;color:#fff!important}body.dark-theme{background-color:#090d16!important;color:#fff!important}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme h5,body.dark-theme h6,body.dark-theme .page-title,body.dark-theme .history-page__header h2,body.dark-theme .ledger-page__header h2,body.dark-theme .buy-sms__title,body.dark-theme .welcome-heading,body.dark-theme .panel-card__header h3,body.dark-theme .section-title,body.dark-theme .card-title,body.dark-theme .form-title{color:#fff!important}body.dark-theme .breadcrumbs,body.dark-theme .history-page__breadcrumb,body.dark-theme .ledger-page__breadcrumb,body.dark-theme .page-breadcrumb,body.dark-theme .breadcrumbs span,body.dark-theme .history-page__breadcrumb span,body.dark-theme .ledger-page__breadcrumb span,body.dark-theme .page-breadcrumb span{color:#94a3b8!important}body.dark-theme .breadcrumbs a,body.dark-theme .history-page__breadcrumb a,body.dark-theme .ledger-page__breadcrumb a,body.dark-theme .page-breadcrumb a{color:#818cf8!important}body.dark-theme .breadcrumbs a:hover,body.dark-theme .history-page__breadcrumb a:hover,body.dark-theme .ledger-page__breadcrumb a:hover,body.dark-theme .page-breadcrumb a:hover{color:#a5b4fc!important}body.dark-theme .app-shell,body.dark-theme .app-shell__content{background-color:#090d16!important}body.dark-theme .app-header{background:#0f172a!important;border-bottom:1px solid #1e293b!important;box-shadow:0 4px 20px #0006!important}body.dark-theme .app-header__toggle{border-color:#334155!important;color:#94a3b8!important}body.dark-theme .app-header__toggle:hover{background:#1e293b!important;color:#6366f1!important}body.dark-theme .app-header__profile-btn{border-color:#334155!important;background:#131d35!important}body.dark-theme .app-header__profile-btn:hover{background:#1e293b!important;border-color:#6366f1!important}body.dark-theme .app-header__name{color:#fff!important}body.dark-theme .app-header__role{color:#94a3b8!important}body.dark-theme .app-header__theme-toggle{background:#131d35!important;border-color:#334155!important;color:#cbd5e1!important}body.dark-theme .app-header__theme-toggle:hover{background:#1e293b!important;border-color:#6366f1!important;color:#fff!important}body.dark-theme .app-header__menu{background:#0f172a!important;border-color:#1e293b!important;box-shadow:0 10px 30px #0009!important}body.dark-theme .app-header__menu a,body.dark-theme .app-header__menu button{color:#cbd5e1!important}body.dark-theme .app-header__menu a:hover,body.dark-theme .app-header__menu button:hover{background:#1e293b!important;color:#fff!important}body.dark-theme .app-header__menu .app-header__menu-header{background:#090d16!important}body.dark-theme .app-header__menu .app-header__menu-header .app-header__menu-title{color:#fff!important}body.dark-theme .app-header__menu .app-header__menu-header .app-header__menu-sub{color:#64748b!important}body.dark-theme .app-header__menu .app-header__menu-divider{background:#1e293b!important}body.dark-theme .dashboard-page__header{background:linear-gradient(135deg,#0f172a,#131d35,#172554)!important;border-color:#1e293b!important;box-shadow:0 10px 30px #0006!important}body.dark-theme .dashboard-page__header .welcome-heading{color:#fff!important}body.dark-theme .dashboard-page__header .greeting-pill{background:#1e1b4bcc!important;border-color:#4338ca!important;color:#a5b4fc!important}body.dark-theme .dashboard-page__header .date-badge{color:#94a3b8!important}body.dark-theme .dashboard-page__header .date-badge i{color:#64748b!important}body.dark-theme .dashboard-page__header .quote-card{background:#0f172ad9!important;border-color:#1e293b!important}body.dark-theme .dashboard-page__header .quote-card__sparkle{background:#291c05!important;color:#fbbf24!important}body.dark-theme .dashboard-page__header .quote-card .quote-quote{color:#e2e8f0!important}body.dark-theme .api-hit-badge{background:#0f172a!important;border-color:#1e293b!important;box-shadow:0 4px 16px #0000004d!important}body.dark-theme .app-card,body.dark-theme .panel-card,body.dark-theme .metric-card,body.dark-theme .website-card,body.dark-theme .contact-card,body.dark-theme .plan-card,body.dark-theme .dashboard-section,body.dark-theme .summary-card,body.dark-theme .pricing-slab-card{background:#0f172a!important;border-color:#1e293b!important;color:#fff!important;box-shadow:0 4px 16px #00000040!important}body.dark-theme .app-card:hover,body.dark-theme .panel-card:hover,body.dark-theme .metric-card:hover,body.dark-theme .website-card:hover,body.dark-theme .contact-card:hover,body.dark-theme .plan-card:hover,body.dark-theme .dashboard-section:hover,body.dark-theme .summary-card:hover,body.dark-theme .pricing-slab-card:hover{border-color:#334155!important;box-shadow:0 8px 24px #0006!important}body.dark-theme .app-card h2,body.dark-theme .app-card h3,body.dark-theme .app-card h4,body.dark-theme .app-card .m-val,body.dark-theme .app-card .value,body.dark-theme .app-card strong,body.dark-theme .app-card .site-name,body.dark-theme .app-card .user-name,body.dark-theme .app-card .slab-price,body.dark-theme .app-card .slab-vol,body.dark-theme .panel-card h2,body.dark-theme .panel-card h3,body.dark-theme .panel-card h4,body.dark-theme .panel-card .m-val,body.dark-theme .panel-card .value,body.dark-theme .panel-card strong,body.dark-theme .panel-card .site-name,body.dark-theme .panel-card .user-name,body.dark-theme .panel-card .slab-price,body.dark-theme .panel-card .slab-vol,body.dark-theme .metric-card h2,body.dark-theme .metric-card h3,body.dark-theme .metric-card h4,body.dark-theme .metric-card .m-val,body.dark-theme .metric-card .value,body.dark-theme .metric-card strong,body.dark-theme .metric-card .site-name,body.dark-theme .metric-card .user-name,body.dark-theme .metric-card .slab-price,body.dark-theme .metric-card .slab-vol,body.dark-theme .website-card h2,body.dark-theme .website-card h3,body.dark-theme .website-card h4,body.dark-theme .website-card .m-val,body.dark-theme .website-card .value,body.dark-theme .website-card strong,body.dark-theme .website-card .site-name,body.dark-theme .website-card .user-name,body.dark-theme .website-card .slab-price,body.dark-theme .website-card .slab-vol,body.dark-theme .contact-card h2,body.dark-theme .contact-card h3,body.dark-theme .contact-card h4,body.dark-theme .contact-card .m-val,body.dark-theme .contact-card .value,body.dark-theme .contact-card strong,body.dark-theme .contact-card .site-name,body.dark-theme .contact-card .user-name,body.dark-theme .contact-card .slab-price,body.dark-theme .contact-card .slab-vol,body.dark-theme .plan-card h2,body.dark-theme .plan-card h3,body.dark-theme .plan-card h4,body.dark-theme .plan-card .m-val,body.dark-theme .plan-card .value,body.dark-theme .plan-card strong,body.dark-theme .plan-card .site-name,body.dark-theme .plan-card .user-name,body.dark-theme .plan-card .slab-price,body.dark-theme .plan-card .slab-vol,body.dark-theme .dashboard-section h2,body.dark-theme .dashboard-section h3,body.dark-theme .dashboard-section h4,body.dark-theme .dashboard-section .m-val,body.dark-theme .dashboard-section .value,body.dark-theme .dashboard-section strong,body.dark-theme .dashboard-section .site-name,body.dark-theme .dashboard-section .user-name,body.dark-theme .dashboard-section .slab-price,body.dark-theme .dashboard-section .slab-vol,body.dark-theme .summary-card h2,body.dark-theme .summary-card h3,body.dark-theme .summary-card h4,body.dark-theme .summary-card .m-val,body.dark-theme .summary-card .value,body.dark-theme .summary-card strong,body.dark-theme .summary-card .site-name,body.dark-theme .summary-card .user-name,body.dark-theme .summary-card .slab-price,body.dark-theme .summary-card .slab-vol,body.dark-theme .pricing-slab-card h2,body.dark-theme .pricing-slab-card h3,body.dark-theme .pricing-slab-card h4,body.dark-theme .pricing-slab-card .m-val,body.dark-theme .pricing-slab-card .value,body.dark-theme .pricing-slab-card strong,body.dark-theme .pricing-slab-card .site-name,body.dark-theme .pricing-slab-card .user-name,body.dark-theme .pricing-slab-card .slab-price,body.dark-theme .pricing-slab-card .slab-vol{color:#fff!important}body.dark-theme .app-card .m-label,body.dark-theme .app-card .label,body.dark-theme .app-card p,body.dark-theme .app-card .site-url,body.dark-theme .app-card .sub,body.dark-theme .app-card .plan-desc,body.dark-theme .app-card .slab-sub,body.dark-theme .panel-card .m-label,body.dark-theme .panel-card .label,body.dark-theme .panel-card p,body.dark-theme .panel-card .site-url,body.dark-theme .panel-card .sub,body.dark-theme .panel-card .plan-desc,body.dark-theme .panel-card .slab-sub,body.dark-theme .metric-card .m-label,body.dark-theme .metric-card .label,body.dark-theme .metric-card p,body.dark-theme .metric-card .site-url,body.dark-theme .metric-card .sub,body.dark-theme .metric-card .plan-desc,body.dark-theme .metric-card .slab-sub,body.dark-theme .website-card .m-label,body.dark-theme .website-card .label,body.dark-theme .website-card p,body.dark-theme .website-card .site-url,body.dark-theme .website-card .sub,body.dark-theme .website-card .plan-desc,body.dark-theme .website-card .slab-sub,body.dark-theme .contact-card .m-label,body.dark-theme .contact-card .label,body.dark-theme .contact-card p,body.dark-theme .contact-card .site-url,body.dark-theme .contact-card .sub,body.dark-theme .contact-card .plan-desc,body.dark-theme .contact-card .slab-sub,body.dark-theme .plan-card .m-label,body.dark-theme .plan-card .label,body.dark-theme .plan-card p,body.dark-theme .plan-card .site-url,body.dark-theme .plan-card .sub,body.dark-theme .plan-card .plan-desc,body.dark-theme .plan-card .slab-sub,body.dark-theme .dashboard-section .m-label,body.dark-theme .dashboard-section .label,body.dark-theme .dashboard-section p,body.dark-theme .dashboard-section .site-url,body.dark-theme .dashboard-section .sub,body.dark-theme .dashboard-section .plan-desc,body.dark-theme .dashboard-section .slab-sub,body.dark-theme .summary-card .m-label,body.dark-theme .summary-card .label,body.dark-theme .summary-card p,body.dark-theme .summary-card .site-url,body.dark-theme .summary-card .sub,body.dark-theme .summary-card .plan-desc,body.dark-theme .summary-card .slab-sub,body.dark-theme .pricing-slab-card .m-label,body.dark-theme .pricing-slab-card .label,body.dark-theme .pricing-slab-card p,body.dark-theme .pricing-slab-card .site-url,body.dark-theme .pricing-slab-card .sub,body.dark-theme .pricing-slab-card .plan-desc,body.dark-theme .pricing-slab-card .slab-sub{color:#94a3b8!important}body.dark-theme .app-card .website-card__metrics,body.dark-theme .panel-card .website-card__metrics,body.dark-theme .metric-card .website-card__metrics,body.dark-theme .website-card .website-card__metrics,body.dark-theme .contact-card .website-card__metrics,body.dark-theme .plan-card .website-card__metrics,body.dark-theme .dashboard-section .website-card__metrics,body.dark-theme .summary-card .website-card__metrics,body.dark-theme .pricing-slab-card .website-card__metrics{background:#131d35!important;border-color:#1e293b!important}body.dark-theme .app-card .website-card__metrics .m-val,body.dark-theme .panel-card .website-card__metrics .m-val,body.dark-theme .metric-card .website-card__metrics .m-val,body.dark-theme .website-card .website-card__metrics .m-val,body.dark-theme .contact-card .website-card__metrics .m-val,body.dark-theme .plan-card .website-card__metrics .m-val,body.dark-theme .dashboard-section .website-card__metrics .m-val,body.dark-theme .summary-card .website-card__metrics .m-val,body.dark-theme .pricing-slab-card .website-card__metrics .m-val{color:#fff!important}body.dark-theme .app-card .contact-card__details,body.dark-theme .panel-card .contact-card__details,body.dark-theme .metric-card .contact-card__details,body.dark-theme .website-card .contact-card__details,body.dark-theme .contact-card .contact-card__details,body.dark-theme .plan-card .contact-card__details,body.dark-theme .dashboard-section .contact-card__details,body.dark-theme .summary-card .contact-card__details,body.dark-theme .pricing-slab-card .contact-card__details{background:#131d35!important;border-color:#1e293b!important}body.dark-theme .app-card .contact-card__details .detail-row,body.dark-theme .panel-card .contact-card__details .detail-row,body.dark-theme .metric-card .contact-card__details .detail-row,body.dark-theme .website-card .contact-card__details .detail-row,body.dark-theme .contact-card .contact-card__details .detail-row,body.dark-theme .plan-card .contact-card__details .detail-row,body.dark-theme .dashboard-section .contact-card__details .detail-row,body.dark-theme .summary-card .contact-card__details .detail-row,body.dark-theme .pricing-slab-card .contact-card__details .detail-row{color:#cbd5e1!important}body.dark-theme .app-card .quota-banner,body.dark-theme .panel-card .quota-banner,body.dark-theme .metric-card .quota-banner,body.dark-theme .website-card .quota-banner,body.dark-theme .contact-card .quota-banner,body.dark-theme .plan-card .quota-banner,body.dark-theme .dashboard-section .quota-banner,body.dark-theme .summary-card .quota-banner,body.dark-theme .pricing-slab-card .quota-banner{background:linear-gradient(135deg,#0f172a,#172554)!important;border-color:#3730a3!important}body.dark-theme .dashboard-page__value{color:#fff!important}body.dark-theme .app-card__title{color:#94a3b8!important}body.dark-theme .controls-bar,body.dark-theme .toolbar-card{background:transparent!important;border-color:#1e293b!important}body.dark-theme .search-box,body.dark-theme .filter-box{background:#0f172a!important;border-color:#1e293b!important}body.dark-theme .search-box label,body.dark-theme .filter-box label{color:#94a3b8!important}body.dark-theme .search-box i,body.dark-theme .filter-box i{color:#64748b!important}body.dark-theme .search-box input,body.dark-theme .filter-box input{background:transparent!important;color:#fff!important}body.dark-theme .search-box input::placeholder,body.dark-theme .filter-box input::placeholder{color:#64748b!important}body.dark-theme .search-box select,body.dark-theme .filter-box select,body.dark-theme .search-box select option,body.dark-theme .filter-box select option{background:#0f172a!important;color:#fff!important}body.dark-theme .table-card{background:#0f172a!important;border:1px solid #1e293b!important;box-shadow:0 4px 20px #0000004d!important}body.dark-theme .orders-table,body.dark-theme .monitors-table,body.dark-theme .data-table,body.dark-theme .ledger-table{background:transparent!important}body.dark-theme .orders-table th,body.dark-theme .monitors-table th,body.dark-theme .data-table th,body.dark-theme .ledger-table th{background:#131d35!important;color:#94a3b8!important;border-bottom:1px solid #1e293b!important}body.dark-theme .orders-table td,body.dark-theme .monitors-table td,body.dark-theme .data-table td,body.dark-theme .ledger-table td{background:transparent!important;border-bottom:1px solid #172033!important;color:#cbd5e1!important}body.dark-theme .orders-table tbody tr:hover,body.dark-theme .monitors-table tbody tr:hover,body.dark-theme .data-table tbody tr:hover,body.dark-theme .ledger-table tbody tr:hover{background:#131d35!important}body.dark-theme .order-id-badge,body.dark-theme .order-code{background:#1e1b4b!important;border-color:#3730a3!important;color:#a5b4fc!important}body.dark-theme .method-badge{background:#172033!important;color:#cbd5e1!important}body.dark-theme .action-btn,body.dark-theme .btn-tool,body.dark-theme .btn-recheck,body.dark-theme .tab-btn,body.dark-theme .btn-choose,body.dark-theme .btn-secondary{background:#131d35!important;border-color:#334155!important;color:#cbd5e1!important}body.dark-theme .action-btn:hover,body.dark-theme .btn-tool:hover,body.dark-theme .btn-recheck:hover,body.dark-theme .tab-btn:hover,body.dark-theme .btn-choose:hover,body.dark-theme .btn-secondary:hover{background:#1e293b!important;border-color:#6366f1!important;color:#fff!important}body.dark-theme .modal-backdrop{background:#04070dbf!important;backdrop-filter:blur(8px)!important}body.dark-theme .modal-card{background:#0f172a!important;color:#fff!important;border:1px solid #1e293b!important;box-shadow:0 20px 40px #0009!important}body.dark-theme .modal-card__header{background:#131d35!important;border-bottom:1px solid #1e293b!important}body.dark-theme .modal-card__header h3{color:#fff!important}body.dark-theme .modal-card__header .modal-card__close{color:#94a3b8!important}body.dark-theme .modal-card__header .modal-card__close:hover{color:#fff!important}body.dark-theme .modal-card__body{background:#0f172a!important}body.dark-theme .modal-card__footer{background:#131d35!important;border-top:1px solid #1e293b!important}body.dark-theme .modal-card .form-control,body.dark-theme .modal-card select,body.dark-theme .modal-card input,body.dark-theme .modal-card textarea{background:#131d35!important;border-color:#334155!important;color:#fff!important}body.dark-theme .modal-card .form-control:focus,body.dark-theme .modal-card select:focus,body.dark-theme .modal-card input:focus,body.dark-theme .modal-card textarea:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f140!important}body.dark-theme .modal-card .checkout-summary{background:#131d35!important;border-color:#1e293b!important}body.dark-theme .modal-card .checkout-summary .line-row strong{color:#fff!important}body.dark-theme .modal-card .checkout-summary .line-row--grand{border-color:#334155!important;color:#fff!important}body.dark-theme .empty-state,body.dark-theme .empty-state-p{color:#94a3b8!important}body.dark-theme .empty-state h4,body.dark-theme .empty-state-p h4{color:#fff!important}body.dark-theme .empty-state p,body.dark-theme .empty-state-p p{color:#64748b!important}body.dark-theme .billing-toggle{background:#131d35!important;border:1px solid #1e293b!important;color:#94a3b8!important}body.dark-theme .billing-toggle .text-dark{color:#fff!important}body.dark-theme .plan-card__price{border-color:#1e293b!important}body.dark-theme .plan-card__price .price-val .curr{color:#818cf8!important}body.dark-theme .plan-card__price .price-val .amt{color:#fff!important}body.dark-theme .plan-card__price .price-val .period{color:#94a3b8!important}body.dark-theme .plan-card__price .gst-tag{color:#64748b!important}body.dark-theme .plan-card__features .feat-row{color:#cbd5e1!important}body.dark-theme .plan-card .btn-choose{background:#131d35!important;border-color:#334155!important;color:#fff!important}body.dark-theme .plan-card .btn-choose:hover{background:#1e293b!important;border-color:#6366f1!important}body.dark-theme .pagination-bar{background:#0f172a!important;border-top:1px solid #1e293b!important}body.dark-theme .pagination-bar .pagination-info{color:#94a3b8!important}body.dark-theme .pagination-bar .pagination-info strong{color:#fff!important}body.dark-theme .pagination-bar .pagination-actions .page-btn{background:#131d35!important;border-color:#334155!important;color:#cbd5e1!important}body.dark-theme .pagination-bar .pagination-actions .page-btn:hover:not(:disabled){background:#1e293b!important;color:#fff!important;border-color:#6366f1!important}body.dark-theme .pagination-bar .pagination-actions .page-current{color:#f8fafc!important}
