@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--app-bg:#100814;--bg-dark:var(--app-bg);--bg-card:#18091d;--bg-card-hover:#18081d;--bg-sidebar:#0d0814;--border-color:#ffffff14;--border-color-hover:#ffffff29;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary:#892ca0;--primary-glow:#892ca06b;--primary-gradient:linear-gradient(135deg, #8b5cf6, #5b21b6);--primary-gradient-hover:linear-gradient(135deg, #a78bfa, #7c3aed);--secondary:#06b6d4;--secondary-gradient:linear-gradient(135deg, #06b6d4, #0891b2);--success:#10b981;--success-glow:#10b98133;--success-gradient:linear-gradient(135deg, #10b981, #065f46);--warning:#f59e0b;--warning-glow:#f59e0b33;--warning-gradient:linear-gradient(135deg, #f59e0b, #92400e);--danger:#ef4444;--danger-glow:#ef444433;--danger-gradient:linear-gradient(135deg, #ef4444, #991b1b);--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--shadow-sm:0 4px 6px -1px #0003;--shadow-md:0 10px 25px -5px #0006, 0 8px 10px -6px #0006;--shadow-lg:0 20px 40px -10px #0009, 0 0 20px #8b5cf61a;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{text-align:left;border:none;width:100%;min-height:100vh;margin:0;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0;border-radius:4px}::-webkit-scrollbar-thumb{background:#892ca040;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#892ca08c}.app-container{width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.sidebar{background-color:var(--bg-sidebar);z-index:100;width:260px;height:100vh;transition:var(--transition);border-right:1px solid #892ca02e;flex-direction:column;padding:24px 16px;display:flex;position:fixed}.logo-container{align-items:center;gap:12px;padding:8px 12px 32px;display:flex}.logo-icon{border-radius:var(--radius-sm);background:var(--primary-gradient);width:40px;height:40px;box-shadow:0 0 15px var(--primary-glow);color:#fff;justify-content:center;align-items:center;display:flex}.logo-text{letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:700}.logo-tag{text-transform:uppercase;letter-spacing:1px;color:var(--secondary);background:#06b6d41a;border-radius:4px;margin-top:2px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-block}.nav-links{flex-direction:column;flex-grow:1;gap:8px;list-style:none;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#ffffff08;border-color:#ffffff05}.nav-item.active{color:#fff;background-color:#892ca0;border-color:#892ca066;font-weight:600;box-shadow:0 4px 14px #892ca059}.sidebar-footer{border-top:1px solid #892ca02e;padding-top:16px}.profile-card{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.profile-info{flex-direction:column;display:flex}.profile-popover-tooltip{z-index:99999;white-space:nowrap;color:#fff;pointer-events:none;background-color:#0f172a;border:1px solid #ffffff14;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:600;animation:.2s ease-out fadeIn;position:absolute;box-shadow:0 10px 15px -3px #00000080}.profile-popover-tooltip .tooltip-arrow{width:0;height:0;position:absolute}.sidebar .profile-popover-tooltip{top:50%!important;bottom:auto!important;left:calc(100% + 12px)!important;transform:translateY(-50%)!important}.sidebar .profile-popover-tooltip .tooltip-arrow{border:5px solid #0000!important;border-left:none!important;border-right-color:#0f172a!important;inset:50% 100% auto auto!important;transform:translateY(-50%)!important}.mobile-header .profile-popover-tooltip{inset:calc(100% + 8px) 0 auto auto!important;transform:none!important}.mobile-header .profile-popover-tooltip .tooltip-arrow{border:5px solid #0000!important;border-top:none!important;border-bottom-color:#0f172a!important;inset:auto 12px 100% auto!important;transform:none!important}.profile-name{color:var(--text-primary);font-size:14px;font-weight:600}.profile-role{color:var(--text-muted);font-size:12px}.main-content{height:100vh;transition:var(--transition);flex-grow:1;width:calc(100% - 260px);min-width:0;max-width:100%;margin-left:260px;padding:0 40px 40px;overflow:hidden auto}.page-header{background-color:var(--bg-dark);z-index:100;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;margin-bottom:32px;padding:40px 0 16px;animation:.4s ease-out fadeIn;display:flex;position:sticky;top:0}.header-title-container{flex-direction:column;gap:4px;display:flex}.brand-heading-large{letter-spacing:-1.5px;color:#fff;font-size:52px;font-weight:800;line-height:1.1}.brand-heading-medium{letter-spacing:-.8px;color:#fff;font-size:32px;font-weight:700;line-height:1.2}.brand-sub-header{color:var(--text-secondary);font-size:15px;line-height:1.6}.brand-emphasis{background:linear-gradient(135deg,#bc5fd3 0%,#ab37c8 100%);-webkit-text-fill-color:transparent;color:#bc5fd3;font-weight:inherit;-webkit-background-clip:text;display:inline-block}.page-title{color:var(--text-primary);letter-spacing:-.8px;font-size:32px;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:15px}.btn{font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{color:#fff;background-color:#892ca0;box-shadow:0 4px 14px #892ca059}.btn-primary:hover{background-color:#a134bf;transform:translateY(-1px);box-shadow:0 6px 20px #892ca080}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{border-color:var(--border-color-hover);background-color:#ffffff0d}.btn-success{background:var(--success-gradient);color:#fff;box-shadow:0 4px 14px var(--success-glow)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:0 4px 14px var(--danger-glow)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444459}.btn-sm{border-radius:6px;padding:6px 12px;font-size:13px}.btn:active{transform:translateY(1px)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px;animation:.5s ease-out fadeIn;display:grid}.metric-card{background-color:var(--bg-card);border:3px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.metric-card:hover{background-color:var(--bg-card-hover);box-shadow:var(--shadow-md);border-top-color:var(--border-color-hover);border-right-color:var(--border-color-hover);border-bottom-color:var(--border-color-hover);transform:translateY(-2px)}.metric-card.primary{border-color:#892ca059}.metric-card.primary:hover{border-color:var(--primary);box-shadow:var(--shadow-md), 0 0 15px var(--primary-glow)}.metric-card.secondary{border-color:#06b6d459}.metric-card.secondary:hover{border-color:var(--secondary);box-shadow:var(--shadow-md), 0 0 15px #06b6d440}.metric-card.success{border-color:#10b98159}.metric-card.success:hover{border-color:var(--success);box-shadow:var(--shadow-md), 0 0 15px var(--success-glow)}.metric-card.warning{border-color:#f59e0b59}.metric-card.warning:hover{border-color:var(--warning);box-shadow:var(--shadow-md), 0 0 15px var(--warning-glow)}.metric-card.danger{border-color:#ef444459}.metric-card.danger:hover{border-color:var(--danger);box-shadow:var(--shadow-md), 0 0 15px var(--danger-glow)}.metric-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.metric-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.metric-card.primary .metric-icon-wrapper{color:var(--primary);background:#8b5cf61a}.metric-card.secondary .metric-icon-wrapper{color:var(--secondary);background:#06b6d41a}.metric-card.success .metric-icon-wrapper{color:var(--success);background:#10b9811a}.metric-card.warning .metric-icon-wrapper{color:var(--warning);background:#f59e0b1a}.metric-card.danger .metric-icon-wrapper{color:var(--danger);background:#ef44441a}.metric-value{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700;line-height:1}.metric-footer{align-items:center;gap:6px;font-size:13px;display:flex}.trend-up{color:var(--success);align-items:center;gap:2px;font-weight:600;display:inline-flex}.trend-down{color:var(--danger);align-items:center;gap:2px;font-weight:600;display:inline-flex}.trend-neutral{color:var(--text-muted)}.dashboard-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;margin-bottom:32px;display:grid}@media (width<=1100px){.dashboard-layout{grid-template-columns:1fr}}.panel-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;display:flex}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.panel-title{color:var(--text-primary);font-size:18px;font-weight:600}.table-container{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.custom-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:#ffffff03;padding:14px 16px;font-weight:600}.custom-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:var(--transition);padding:14px 16px}.custom-table tbody tr{transition:var(--transition)}.custom-table tbody tr:hover{background-color:#ffffff05}.invoice-number-cell{color:var(--primary);cursor:pointer;font-weight:600}.invoice-number-cell:hover{text-decoration:underline}.badge{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-paid{color:#34d399;background-color:#10b9811f}.badge-pending{color:#fbbf24;background-color:#f59e0b1f}.badge-overdue{color:#f87171;background-color:#ef44441f}.badge-draft{color:#d1d5db;background-color:#9ca3af1f}.badge-under-verification{color:#38bdf8;background-color:#38bdf81f}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);transition:var(--transition);box-sizing:border-box;background-color:#ffffff08;outline:none;width:100%;padding:10px 14px;font-size:14px}select.form-control{appearance:none;cursor:pointer;background-color:#ffffff08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}select.form-control option{color:var(--text-primary);font-family:var(--font-family);background-color:#1a1d2e;padding:8px 12px}select.form-control:focus,.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);background-color:#ffffff0d}.form-control::placeholder{color:var(--text-muted)}.items-list-container{margin-top:24px}.items-header-grid{display:none}.item-row{border-bottom:1px solid #ffffff0a;grid-template-columns:2.5fr 1fr 1fr 1fr 40px;align-items:center;gap:12px;padding:12px 0;animation:.3s ease-out slideIn;display:grid}.item-total-val{color:var(--text-primary);text-align:right;padding-right:8px;font-weight:600}.mobile-line-field{flex-direction:column;gap:6px;display:flex}.item-total-val span,.mobile-line-field span{color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.line-quantity-field input{text-align:center}.line-price-field input{text-align:right}.btn-remove-item{border-radius:var(--radius-sm);color:#bf0045;cursor:pointer;transition:var(--transition);background:#ef444414;border:1px solid #bf0045;justify-content:center;align-items:center;display:flex}.btn-remove-item:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.remove-btn-text{display:none}.builder-summary-grid{grid-template-columns:1.5fr 1fr;gap:32px;margin-top:32px;display:grid}@media (width<=1024px){.items-header-grid{display:none}.item-row{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;grid-template-columns:minmax(118px,1fr) minmax(118px,1fr);gap:14px;margin-bottom:14px;padding:14px;display:grid}.mobile-line-field{flex-direction:column;gap:7px;display:flex}.mobile-line-field span,.item-total-val span{color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-weight:600;display:block}.line-description-field{grid-column:span 2}.line-total-field{grid-column:span 1;min-height:40px}.line-quantity-field input,.line-price-field input{text-align:left}.item-total-val{border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:left;background:#ffffff06;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.line-remove-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);grid-column:span 1;gap:6px;width:100%;min-width:118px;height:40px}.line-remove-field:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef444480}.remove-btn-text{font-size:13px;font-weight:600;display:inline}.builder-summary-grid{grid-template-columns:1fr}}@media (width<=480px){.item-row{grid-template-columns:1fr!important}.line-description-field,.line-total-field,.line-remove-field{grid-column:span 1!important}}.builder-notes{flex-direction:column;gap:12px;display:flex}.summary-calculator{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:#ffffff03;flex-direction:column;gap:12px;padding:20px;display:flex}.summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:14px;display:flex}.summary-row.total{color:var(--text-primary);border-top:1px solid var(--border-color);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.invoice-preview-container{color:#0f172a;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:#fff;max-width:800px;margin:0 auto;padding:20px 24px;position:relative}.invoice-preview-container th,.invoice-preview-container td{color:#0f172a;border-bottom:1px solid #cbd5e1}.invoice-preview-header{justify-content:space-between;margin-bottom:16px;display:flex}.preview-logo-details{flex-direction:column;gap:6px;display:flex}.preview-company-name{color:#020617;font-size:20px;font-weight:700}.preview-company-address{color:#1e293b;font-size:11px;line-height:1.4}.preview-invoice-meta{text-align:right;flex-direction:column;gap:4px;display:flex}.preview-invoice-title{color:var(--primary);font-size:22px;font-weight:800}.preview-invoice-num{color:#0f172a;font-weight:700}.preview-invoice-date{color:#1e293b;font-size:11px}.preview-billing-grid{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;gap:16px;margin-bottom:16px;padding:12px;display:flex}.preview-billing-grid>div{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:12px 14px}.billing-label{text-transform:uppercase;letter-spacing:.5px;color:#334155;margin-bottom:4px;font-size:10px;font-weight:700}.billing-value-name{color:#020617;font-size:13px;font-weight:700}.billing-value-desc{color:#1e293b;margin-top:4px;font-size:11px;line-height:1.4}.preview-items-table{border-collapse:collapse;width:100%;margin-bottom:16px}.preview-items-table th{text-transform:uppercase;letter-spacing:.5px;color:#0f172a;border-bottom:2px solid #64748b;padding:6px 8px;font-size:10px;font-weight:700}.preview-items-table td{color:#0f172a;padding:6px 8px;font-size:11px}.preview-totals-section{justify-content:flex-end;display:flex}.preview-totals-box{flex-direction:column;gap:6px;width:280px;display:flex}.preview-totals-row{color:#1e293b;justify-content:space-between;font-size:11px;display:flex}.preview-totals-row.grand-total{color:#0f172a;border-top:2px solid #64748b;margin-top:4px;padding-top:6px;font-size:14px;font-weight:700}.preview-footer-note{color:#334155;text-align:center;border-top:1px dashed #cbd5e1;margin-top:40px;padding-top:24px;font-size:12px}.chart-svg{width:100%;height:100%;overflow:visible}.chart-scroll-wrapper{border-radius:var(--radius-sm);overflow:auto hidden}.chart-scroll-wrapper::-webkit-scrollbar{height:5px}.chart-scroll-wrapper::-webkit-scrollbar-track{background:var(--bg-card);border-radius:4px}.chart-scroll-wrapper::-webkit-scrollbar-thumb{background:#892ca040;border-radius:4px}.chart-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#892ca08c}.mobile-bar-value{display:none}@media (width<=768px){.mobile-bar-value{display:block}}.chart-bar{cursor:pointer;transition:all .5s ease-out}.chart-bar:hover{fill:var(--primary-glow);opacity:.85}.chart-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s ease-out forwards drawLine}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border-color);pointer-events:none;z-index:10;border-radius:4px;padding:6px 12px;font-size:12px;position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes drawLine{to{stroke-dashoffset:0}}.mobile-header,.bottom-nav-bar{display:none}@media (width>=769px) and (width<=1024px){.sidebar{align-items:center;width:78px;padding:24px 8px}.sidebar .logo-text-wrapper,.sidebar .logo-text,.sidebar .logo-tag,.sidebar .logo-text-flat,.sidebar .nav-item span,.sidebar .profile-info{display:none}.sidebar .logo-container{justify-content:center;align-items:center;width:100%;padding:8px 0 24px;display:flex}.sidebar .logo-container img{margin:0}.nav-links{align-items:center;width:100%}.nav-item{justify-content:center;width:100%;padding:12px 0}.sidebar-footer{flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:auto!important;padding:16px 0!important;display:flex!important}.sidebar-footer .profile-card{justify-content:center!important;width:100%!important;padding:4px 0!important}.sidebar-footer .profile-avatar{width:36px!important;height:36px!important;margin:0 auto!important;font-size:11px!important}.sidebar-footer .btn-secondary{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;margin:0 auto!important;padding:0!important;display:inline-flex!important}.sidebar-footer .btn-secondary span{display:none!important}.main-content{width:calc(100% - 78px);height:100vh;margin-left:78px;padding:24px;overflow:hidden auto}}@media (width<=768px){.sidebar{display:none!important}.main-content{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;margin-left:0!important;padding:84px 16px 110px!important;overflow:hidden auto!important}.mobile-header{-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--border-color)!important;z-index:1000!important;background-color:#090a0fd9!important;justify-content:space-between!important;align-items:center!important;height:60px!important;padding:0 16px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.bottom-nav-bar{-webkit-backdrop-filter:blur(20px)!important;border-radius:var(--radius-md)!important;z-index:1000!important;background-color:#0d0814eb!important;border:1px solid #892ca033!important;justify-content:space-around!important;align-items:center!important;height:64px!important;padding:0 4px!important;display:flex!important;position:fixed!important;bottom:16px!important;left:16px!important;right:16px!important;box-shadow:0 12px 36px #0009,0 0 20px #892ca014!important}.bottom-nav-item{color:var(--text-secondary)!important;cursor:pointer!important;transition:var(--transition)!important;border-radius:var(--radius-sm)!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:100%!important;font-size:10px!important;font-weight:500!important;display:flex!important}.bottom-nav-item svg{color:var(--text-secondary)!important;transition:var(--transition)!important}.bottom-nav-item:hover{color:var(--text-primary)!important}.bottom-nav-item.active{color:#892ca0!important;font-weight:600!important}.bottom-nav-item.active svg{color:#892ca0!important;filter:drop-shadow(0 2px 8px #892ca080)!important;transform:translateY(-2px)!important}.page-title{letter-spacing:-.3px!important;font-size:22px!important}.page-subtitle{font-size:12px!important;line-height:1.4!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;margin-bottom:24px!important}.header-title-container{flex-direction:column!important;gap:2px!important;width:100%!important;display:flex!important}.page-header .btn{justify-content:center!important;width:100%!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.metric-card{padding:12px!important}.metric-card .metric-icon-wrapper{border-radius:6px!important;width:28px!important;height:28px!important}.metric-card .metric-icon-wrapper svg{width:14px!important;height:14px!important}.metric-header{margin-bottom:6px!important;font-size:11px!important}.metric-value{margin-bottom:4px!important;font-size:16px!important}.metric-footer{flex-wrap:wrap!important;gap:2px!important;font-size:9px!important}.metric-footer span{font-size:9px!important}.metric-footer svg{width:9px!important;height:9px!important}.dashboard-layout{grid-template-columns:1fr!important;gap:16px!important}.panel-card{padding:16px!important}.search-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.filter-select{width:100%!important}.builder-summary-grid{grid-template-columns:1fr!important;gap:24px!important}.form-control,.search-input,.filter-select,select,input,textarea{font-size:16px!important}}.search-filter-bar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-input-wrapper{flex-grow:1;position:relative}.search-icon-pos{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{width:100%;padding-left:42px}.filter-select{width:160px}.directory-sticky-header{z-index:90;background-color:var(--bg-dark);border-bottom:1px solid #ffffff08;margin-bottom:24px;padding:40px 0 16px;position:sticky;top:0}.directory-sticky-header .page-header{-webkit-backdrop-filter:none!important;z-index:auto!important;background-color:#0000!important;border-bottom:none!important;margin-bottom:16px!important;padding:0!important;position:static!important;top:auto!important}.directory-sticky-header .invoice-filters-container{z-index:auto!important;box-shadow:var(--shadow-sm)!important;margin-bottom:0!important;position:static!important;top:auto!important}.invoice-filters-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:20px;margin-bottom:24px;padding:24px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 10px 30px -10px #000000b3}.status-pills-bar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:8px;padding-bottom:16px;display:flex}.status-pill{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background-color:#ffffff05;border-radius:20px;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.status-pill:hover{color:var(--text-primary);border-color:var(--border-color-hover);background-color:#ffffff0d}.status-pill.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow);font-weight:600}.status-pill-count{color:var(--text-muted);background-color:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.active .status-pill-count{color:#fff;background-color:#fff3}.search-sort-controls{justify-content:space-between;align-items:center;gap:16px;display:flex}.controls-right-actions{align-items:center;gap:12px;display:flex}.sort-wrapper{align-items:center;display:flex;position:relative}.sort-icon-pos{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.sort-select{background-color:#ffffff05;width:190px;padding-left:36px}.filter-toggle-btn{background-color:#ffffff05;align-items:center;gap:8px;display:flex}.filter-toggle-btn.active{border-color:var(--primary);color:var(--primary);background-color:#8b5cf61a}.reset-filters-btn{background-color:#ffffff05;justify-content:center;align-items:center;padding:10px;display:flex}.advanced-filters-panel{border-top:1px solid var(--border-color);flex-direction:column;gap:16px;padding-top:20px;animation:.3s ease-out slideDown;display:flex}.advanced-filters-title{color:var(--text-primary);font-size:14px;font-weight:600}.advanced-filters-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{color:var(--text-secondary);font-size:12px;font-weight:500}.range-inputs{align-items:center;gap:8px;display:flex}.range-separator{color:var(--text-muted);font-size:12px;font-weight:500}.ledger-count-header{margin:32px 0 16px}.invoice-cards-grid{flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.invoice-card-flipper{perspective:2500px;transform-style:preserve-3d}.invoice-card-inner{transform-style:preserve-3d;will-change:transform;transition:transform .45s cubic-bezier(.4,0,.2,1);position:relative;transform:translate(0,0)}.invoice-card-inner.flipped{transform:rotateX(180deg)translate(0,0)}.invoice-card.invoice-card-front,.invoice-card.invoice-card-back{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}.invoice-card.invoice-card-front{transform:rotateX(0)translateZ(1px)}.invoice-card.invoice-card-back{flex-direction:column;justify-content:center;gap:10px;display:flex;inset:0;overflow:hidden;transform:rotateX(180deg)translateZ(2px);background-color:#1f0623!important;border-color:#892ca04d!important;position:absolute!important}.card-back-header{border-bottom:1px solid #892ca033;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:10px;display:flex}.card-close-btn{cursor:pointer;width:24px;height:24px;transition:var(--transition);justify-content:center;align-items:center;display:flex;color:#fff!important;background-color:#892ca0!important;border:none!important;border-radius:50%!important;padding:0!important}.card-close-btn:hover{background-color:#722088!important}.card-close-btn svg{color:#fff!important;stroke:#fff!important}.card-back-inv-num{color:#892ca0;font-size:13px;font-weight:700;font-family:var(--mono)}.invoice-status-tag{letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border:1.5px solid;border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:9px;font-weight:700}.status-tag-paid{color:#10b981;background-color:#10b9810f;border-color:#10b981}.status-tag-pending{color:#f97316;background-color:#f973160f;border-color:#f97316}.status-tag-overdue{color:#ef4444;background-color:#ef44440f;border-color:#ef4444}.status-tag-draft{color:#9ca3af;background-color:#9ca3af0f;border-color:#9ca3af}.status-tag-partially-paid{color:#f59e0b;background-color:#f59e0b0f;border-color:#f59e0b}.status-tag-under-verification{color:#38bdf8;background-color:#38bdf80f;border-color:#38bdf8}.card-menu-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.card-menu-btn:hover{color:var(--text-primary);background-color:#ffffff0f}.card-menu-btn-back{color:#892ca0}.card-menu-btn-back:hover{background-color:#892ca01a}.card-back-actions{flex-flow:wrap;gap:6px;display:flex}.card-back-btn{border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:1px solid #ffffff14;flex:calc(50% - 3px);justify-content:center;align-items:center;gap:6px;padding:8px 10px;display:flex}.card-back-btn:hover{background-color:#ffffff0d;border-color:#fff3}.card-back-btn-danger{color:#ef4444;border-color:#ef444433}.card-back-btn-danger:hover{color:#ef4444;background-color:#ef444414;border-color:#ef444466}.invoice-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;gap:6px;padding:16px;display:flex;position:relative;overflow:hidden}.invoice-card.invoice-card-front:hover{background-color:var(--bg-card-hover);border-color:var(--border-color-hover);box-shadow:var(--shadow-lg), 0 0 24px #8b5cf60a}.invoice-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:0;display:flex}.avatar-info-group{align-items:center;gap:12px;display:flex}.client-initials-avatar{letter-spacing:-.2px;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.client-gradient-0{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1)}.client-gradient-1{color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6)}.client-gradient-2{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.client-gradient-3{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.client-gradient-4{color:#fff;background:linear-gradient(135deg,#ec4899,#f43f5e)}.client-text-meta{flex-direction:column;display:flex}.client-card-name{color:var(--text-primary);font-size:14px;font-weight:600}.client-card-company{color:var(--text-muted);font-size:11px}.invoice-card-body{justify-content:space-between;align-items:center;display:flex}.invoice-id-section{flex-direction:column;gap:4px;display:flex}.invoice-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:600}.invoice-card-id{color:#892ca0;font-size:13px;font-weight:700;font-family:var(--mono);cursor:pointer;transition:var(--transition)}.invoice-card-id:hover{filter:brightness(1.2);text-decoration:underline}.invoice-amount-section{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.invoice-card-amount{color:var(--text-primary);font-size:18px;font-weight:700;font-family:var(--font-family)}.invoice-card-dates{border-top:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);background-color:#ffffff03;justify-content:space-between;padding:10px 0;display:flex}.date-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.date-icon{color:var(--text-muted)}.invoice-card-footer{gap:8px;margin-top:4px;display:flex}.flex-btn{flex-grow:1;justify-content:center;gap:6px}.icon-success-accent{color:#34d399!important;background:#10b9811a!important;border-color:#10b98133!important}.icon-success-accent:hover{background:#10b98133!important;border-color:#10b981!important}.icon-btn-delete{color:#f87171!important;box-shadow:none!important;background:#ef444414!important;border:1px solid #ef444426!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.icon-btn-delete:hover{color:#ef4444!important;box-shadow:none!important;background:#ef444433!important;border-color:#ef4444!important}.btn-danger-outline{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444426;border-radius:6px;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:inline-flex}.btn-danger-outline:hover{color:#ef4444;background:#ef444433;border-color:#ef4444;transform:translateY(-1px)}.btn-danger-outline:active{transform:translateY(0)}.delete-btn-regular{width:38px!important;height:38px!important}.delete-btn-small{width:32px!important;height:32px!important}.empty-ledger-card{background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:48px 24px;animation:.4s ease-out fadeIn;display:flex}.empty-ledger-icon{color:var(--text-muted);opacity:.5}.empty-ledger-heading{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.empty-ledger-subtext{color:var(--text-secondary);max-width:400px;margin:0;font-size:13px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.invoice-filters-container{padding:16px}.status-pills-bar{gap:6px}.status-pill{padding:6px 12px;font-size:12px}.search-sort-controls{flex-direction:column;align-items:stretch}.controls-right-actions{justify-content:space-between}.sort-select{flex-grow:1;width:100%}.sort-wrapper{flex-grow:1}.invoice-cards-grid{flex-direction:column;gap:8px}}.org-page-wrapper{flex-direction:column;height:calc(100vh - 40px);animation:.4s ease-out fadeIn;display:flex;overflow:hidden}.org-page-wrapper .page-header{-webkit-backdrop-filter:none;z-index:auto;background:0 0;border-bottom:none;flex-shrink:0;margin-top:0;margin-bottom:0;padding:40px 0 16px;position:static}.org-settings-layout{flex:1;grid-template-columns:280px 1fr;gap:24px;min-height:0;display:grid;overflow:hidden}.org-nav-sidebar{scrollbar-width:none;flex-direction:column;gap:24px;display:flex;overflow-y:auto}.org-nav-sidebar::-webkit-scrollbar{width:0}.org-form-content{height:100%;overflow:hidden}.org-main-form{flex-direction:column;height:100%;display:flex;overflow:hidden;gap:0!important;padding:0!important}.org-form-scrollable-body{flex:1;padding:28px;overflow-y:auto}.org-form-scrollable-body::-webkit-scrollbar{width:5px}.org-form-scrollable-body::-webkit-scrollbar-track{background:0 0}.org-form-scrollable-body::-webkit-scrollbar-thumb{background:#892ca040;border-radius:3px}.org-form-scrollable-body::-webkit-scrollbar-thumb:hover{background:#892ca08c}.org-form-content::-webkit-scrollbar{width:5px}.org-form-content::-webkit-scrollbar-track{background:0 0}.org-form-content::-webkit-scrollbar-thumb{background:#892ca040;border-radius:3px}.org-form-content::-webkit-scrollbar-thumb:hover{background:#892ca08c}.org-profile-preview{text-align:center;border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;margin-bottom:16px;padding-bottom:20px;display:flex}.org-avatar-circle{background:linear-gradient(135deg, var(--secondary), var(--primary));border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:12px;display:flex;overflow:hidden;box-shadow:0 4px 14px #8b5cf626}.org-preview-logo{object-fit:cover;width:100%;height:100%}.org-icon-placeholder{color:#fff}.org-preview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0 0 4px;font-size:15px;font-weight:700;overflow:hidden}.org-preview-subtitle{color:var(--text-muted);margin:0;font-size:11px}.org-tabs-list{flex-direction:column;gap:6px;display:flex}.org-tab-item{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.org-tab-item:hover{color:var(--text-primary);background-color:#892ca014;border-color:#892ca01f}.org-tab-item.active{color:#fff;background-color:#892ca0;border-color:#892ca066;font-weight:600;box-shadow:0 4px 14px #892ca04d}.org-helper-card{background-color:#ef444405;border-color:#ef44441a;padding:20px}.helper-title{color:#f87171;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px;font-weight:600}.helper-text{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.org-main-form{padding:28px}.tab-panel-fade{animation:.3s ease-out fadeIn}.tab-section-title{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.tab-section-subtitle{color:var(--text-muted);margin:0 0 28px;font-size:13px}.form-grid-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.span-all-cols{grid-column:span 2}.sub-grid-heading{color:#892ca0;border-bottom:1px solid #892ca040;margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:600}.payment-provider-summary{border-radius:var(--radius-sm);background:#10b98114;border:1px solid #10b9813d;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.payment-provider-summary strong{color:var(--text-primary);font-size:14px}.payment-provider-summary span{color:var(--text-secondary);text-align:right;font-size:12px}.manual-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checkbox-row{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff06;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.checkbox-row input{accent-color:var(--primary);flex:none}.checkbox-row span{font-size:13px;line-height:1.35}.payment-methods-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.payment-methods-header .tab-section-subtitle{margin-bottom:0}.payment-methods-table-desktop{display:block}.payment-methods-cards-mobile{display:none}.payment-methods-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow-x:auto}.payment-methods-table{border-collapse:collapse;width:100%;min-width:760px}.payment-methods-table th,.payment-methods-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-align:left;vertical-align:middle;padding:14px 16px;font-size:13px}.payment-methods-table th{color:var(--text-primary);font-weight:700}.payment-methods-table tr:last-child td{border-bottom:0}.payment-type-badge,.payment-status-badge{border-radius:4px;padding:5px 8px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.payment-type-bank{color:#93c5fd;background:#3b82f62e}.payment-type-upi{color:#6ee7b7;background:#10b9812e}.payment-type-paypal{color:#fbbf24;background:#f59e0b2e}.payment-type-stripe{color:#c4b5fd;background:#8b5cf62e}.payment-type-razorpay{color:#93c5fd;background:#2563eb2e}.payment-type-cashfree{color:#5eead4;background:#14b8a62e}.payment-type-wise{color:#bef264;background:#84cc162e}.payment-type-other{color:#d1d5db;background:#9ca3af2e}.payment-status-badge.active{color:#6ee7b7;background:#10b9812e}.payment-status-badge.inactive{color:#d1d5db;background:#9ca3af29}.payment-actions{gap:6px;display:flex}.icon-only-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.icon-only-btn:hover{color:var(--text-primary);background:#ffffff0f}.icon-only-btn.danger:hover{color:#f87171}.default-star-btn{color:var(--text-muted)}.default-star-btn svg{fill:#0000;stroke:currentColor}.default-star-btn.active{color:#fbbf24}.default-star-btn.active svg{fill:currentColor}.payment-empty-state{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:28px;display:flex}.payment-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:3000;background:#120916bf;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out modalBackdropIn;display:flex;position:fixed;inset:0}.payment-modal{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid #892ca033;width:100%;max-width:760px;max-height:min(86vh,820px);padding:22px;animation:.2s ease-out modalPanelIn;position:relative;overflow-y:auto;box-shadow:0 24px 64px #000000bf,0 0 0 1px #892ca026}.payment-modal::-webkit-scrollbar{width:6px;height:6px}.payment-modal::-webkit-scrollbar-track{background:0 0}.payment-modal::-webkit-scrollbar-thumb{background:#892ca040;border-radius:3px}.payment-modal::-webkit-scrollbar-thumb:hover{background:#892ca08c}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.payment-modal-backdrop,.payment-modal{animation:none}}.payment-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.payment-modal-header h3{color:var(--text-primary);margin:0 0 6px;font-size:18px}.payment-modal-header p{color:var(--text-secondary);margin:0;font-size:13px}.payment-modal-header .icon-only-btn{transition:all .2s}.payment-modal-header .icon-only-btn:hover{color:#c084fc;background:#892ca01f}.payment-modal-submit{width:100%;margin-top:20px}.client-edit-modal{max-width:700px}.modal-action-row{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:22px;padding-top:18px;display:flex}.items-page-wrapper{animation:.4s ease-out fadeIn}.item-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.item-modal{max-width:780px}.items-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow-x:auto}.items-mobile-stack{display:none}.items-table{border-collapse:collapse;width:100%;min-width:860px}.items-table th,.items-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-align:left;vertical-align:middle;padding:14px 16px;font-size:13px}.items-table th{color:var(--text-primary);font-weight:700}.items-table tr:last-child td{border-bottom:0}.item-name-cell{align-items:flex-start;gap:10px;display:flex}.item-name-cell svg{color:var(--primary);flex:none;margin-top:2px}.item-name-cell strong{color:var(--text-primary);white-space:pre-line;font-size:14px;line-height:1.35;display:block}.item-name-cell span{color:var(--text-muted);white-space:pre-line;margin-top:3px;line-height:1.35;display:block}.item-mobile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px}.item-mobile-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.item-mobile-detail-list{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);flex-direction:column;gap:10px;margin:14px 0;padding:14px 0;display:flex}.item-mobile-detail-list div{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.item-mobile-detail-list span{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px}.item-mobile-detail-list strong{color:var(--text-primary);text-align:right;word-break:break-word;font-size:13px}.item-mobile-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.danger-text{color:#f87171}.custom-fields-panel{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff06;padding:16px}.custom-fields-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.custom-fields-header h4{color:var(--text-primary);margin:0;font-size:15px}.custom-field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;align-items:end;gap:10px;display:grid}.custom-field-row+.custom-field-row{margin-top:12px}.custom-field-remove{border:1px solid var(--border-color);width:34px;height:40px}.input-with-icon-wrapper{width:100%;position:relative}.input-icon-left{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon-left-textarea{color:var(--text-muted);pointer-events:none;position:absolute;top:14px;left:14px}.pad-left-icon,.pad-left-icon-textarea{padding-left:42px!important}.assets-upload-container{grid-template-columns:1fr 1fr;gap:24px;display:grid}.asset-upload-card{border:1px dashed var(--border-color);border-radius:var(--radius-md);transition:var(--transition);background-color:#ffffff03;align-items:center;gap:16px;padding:20px;display:flex}.asset-upload-card:hover{border-color:var(--border-color-hover);background-color:#ffffff05}.asset-preview-box{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:#0003;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;overflow:hidden}.asset-preview-image{object-fit:contain;width:100%;height:100%}.asset-delete-btn{color:#fff;cursor:pointer;width:18px;height:18px;transition:var(--transition);background:#ef4444cc;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.asset-delete-btn:hover{background:#ef4444}.asset-upload-placeholder{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:10px;display:flex}.asset-upload-details{flex-direction:column;gap:4px;display:flex}.asset-upload-details h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.asset-upload-details p{color:var(--text-muted);margin:0 0 8px;font-size:11px;line-height:1.4}.asset-upload-label{cursor:pointer;align-self:flex-start;align-items:center;gap:6px;display:flex}.org-form-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:16px;margin-top:32px;padding-top:20px;display:flex}.org-form-footer-slab{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:10;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}@media (width<=992px){.org-page-wrapper{height:auto;overflow:visible}.org-settings-layout{grid-template-columns:1fr;gap:24px;overflow:visible}.org-form-content{overflow:visible}}@media (width<=768px){.form-grid-2col{grid-template-columns:1fr;gap:16px}.manual-method-grid{grid-template-columns:1fr}.payment-provider-summary{flex-direction:column;align-items:flex-start}.payment-provider-summary span{text-align:left}.payment-methods-header{flex-direction:column;align-items:stretch}.items-table-wrap{display:none}.items-mobile-stack{flex-direction:column;gap:14px;display:flex}.item-form-grid,.item-mobile-actions,.custom-field-row{grid-template-columns:1fr}.custom-field-remove{width:100%}.span-all-cols{grid-column:span 1}.assets-upload-container{grid-template-columns:1fr}.payment-methods-table-desktop{display:none}.payment-methods-cards-mobile{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.payment-method-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.payment-method-card.is-default{border-color:#8b5cf666;box-shadow:0 0 16px #8b5cf60d}.pm-card-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.pm-card-title-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pm-card-name{color:var(--text-main);font-size:14px;font-weight:600}.pm-card-details{color:var(--text-secondary);border-radius:var(--radius-sm);background-color:#ffffff03;border:1px solid #ffffff05;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.pm-card-details-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px;font-weight:700}.pm-card-details-content{font-family:var(--font-mono);word-break:break-all;white-space:pre-line;color:var(--text-main)}.pm-card-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.pm-card-actions{gap:8px;display:flex}}.save-catalog-badge{color:var(--primary);cursor:pointer;z-index:10;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:absolute;bottom:-22px;right:12px}.save-catalog-badge:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf640}@media (width<=1024px){.save-catalog-badge{align-self:flex-start;margin-top:4px;display:inline-flex;position:relative;bottom:auto;right:auto}}.item-row{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff04;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px;padding:16px;display:flex}.item-row-top-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.item-row-bottom-grid{grid-template-columns:1fr 1.25fr 1.25fr 1fr 1.6fr;align-items:flex-start;gap:12px;display:grid}.item-total-val{border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:left;background:#ffffff06;grid-column:span 1;justify-content:space-between;align-items:center;min-height:40px;padding:10px 12px;display:flex}.line-remove-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#bf0045;cursor:pointer;background:0 0;grid-column:span 1;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;transition:all .2s;display:inline-flex}.line-remove-field:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef444480}.remove-btn-text{font-size:13px;font-weight:600;display:inline}@media (width<=1024px){.item-row-top-grid,.item-row-bottom-grid{grid-template-columns:1fr 1fr!important}.item-total-val,.line-remove-field{grid-column:span 1!important}}@media (width<=480px){.item-row-top-grid,.item-row-bottom-grid{grid-template-columns:1fr!important}}.responsive-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.responsive-header-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=576px){.responsive-header-row{flex-direction:column!important;align-items:stretch!important}.responsive-header-actions{flex-direction:column!important;width:100%!important}.responsive-header-actions .btn{justify-content:center!important;width:100%!important}}@media print{body{color:#000!important;background-color:#fff!important}.app-container{display:block!important}.sidebar{display:none!important}.main-content{width:100%!important;height:auto!important;margin-left:0!important;padding:0!important;overflow:visible!important}.page-header{display:none!important}.invoice-preview-container{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;padding:0!important}.btn,.no-print{display:none!important}.preview-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.preview-modal-container{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}}.landing-page-wrapper{background-color:var(--app-bg);color:#f8fafc;min-height:100vh;font-family:var(--font-family);position:relative;overflow-x:hidden}.landing-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#090a0fd9;border-bottom:1px solid #ffffff08;width:100%;position:fixed;top:0;left:0}.landing-nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:16px 24px;display:flex}.landing-brand{letter-spacing:-.5px;color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.landing-nav-links{align-items:center;gap:24px;display:flex}.landing-nav-actions{align-items:center;gap:12px;display:flex}.nav-link-item{color:#94a3b8;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.nav-link-item:hover{color:#fff}.landing-hero-centered{flex-direction:column;align-items:center;gap:0;max-width:1280px;margin:0 auto;padding-top:140px;padding-left:24px;padding-right:24px;display:flex}.landing-showcase-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:820px;padding:0 16px;display:flex}.landing-dashboard-glimpse{background-color:#0a0a0c;border:1px solid #ffffff0f;border-radius:12px;padding:24px;animation:.25s ease-out fadeIn;position:relative;box-shadow:0 30px 60px #000000b3}@media (width<=768px){.landing-nav-container{grid-template-columns:auto auto;justify-content:space-between;align-items:center;row-gap:16px;padding:12px 16px;display:grid}.landing-nav-links{border-top:1px solid #ffffff0d;order:3;grid-column:span 2;justify-content:center;gap:20px;width:100%;padding-top:12px;display:flex}.landing-nav-actions{justify-content:flex-end;display:flex}.landing-hero-centered{padding-top:190px;padding-left:10px;padding-right:10px}.landing-showcase-container{padding:0}.landing-dashboard-glimpse{padding:12px}.panel-card{min-width:0;padding:16px}.panel-header{flex-wrap:wrap;gap:8px}}.landing-brand-logo{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);background:linear-gradient(135deg,#a855f7,#ec4899);width:24px;height:24px}.landing-hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;max-width:1280px;margin:0 auto;padding:140px 24px 80px;display:grid}@media (width<=1024px){.landing-hero{grid-template-columns:1fr;gap:48px;padding-top:110px}}.landing-hero-left{flex-direction:column;align-items:flex-start;display:flex}.landing-tag{color:#14b8a6;text-transform:uppercase;letter-spacing:1px;background:#14b8a60f;border:1px solid #14b8a633;border-radius:4px;margin-bottom:24px;padding:6px 12px;font-size:11px;font-weight:800}.landing-heading{letter-spacing:-1.5px;color:#fff;margin-bottom:24px;font-size:54px;font-weight:800;line-height:1.08}@media (width<=640px){.landing-heading{font-size:40px}}.landing-description{color:#94a3b8;max-width:520px;margin-bottom:36px;font-size:16px;line-height:1.6}.landing-ctas{flex-wrap:wrap;gap:16px;display:flex}.btn-quick-invoice{color:#090d16;cursor:pointer;background-color:#14b8a6;border:none;border-radius:6px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.btn-quick-invoice:hover{background-color:#0d9488;transform:translateY(-1px)}.btn-quick-invoice span{color:#090d1699;margin-left:4px;font-weight:500}.btn-free-trial{color:#fff;cursor:pointer;background-color:#1e293b33;border:1px solid #ffffff1a;border-radius:6px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .25s}.btn-free-trial:hover{background-color:#ffffff0d;border-color:#fff3;transform:translateY(-1px)}.btn-free-trial span{color:#64748b;margin-left:4px;font-weight:500}.visual-showcase-container{grid-template-columns:1fr auto;align-items:start;gap:20px;display:grid}@media (width<=640px){.visual-showcase-container{grid-template-columns:1fr}}.invoice-preview-card{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;padding:12px;font-size:12px;box-shadow:0 25px 50px -12px #00000080}.invoice-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:12px;display:flex}.invoice-card-title{color:#fff;font-size:14px;font-weight:700}.invoice-card-badge{color:#14b8a6;font-size:11px;font-weight:700}.invoice-card-grid{grid-template-columns:1fr 1fr;gap:12px 24px;margin-bottom:20px;display:grid}.invoice-grid-row{grid-template-columns:80px 1fr;align-items:center;display:grid}.invoice-grid-label{color:#64748b;font-weight:500}.invoice-grid-value{color:#f1f5f9;font-weight:700}.status-unpaid{color:#eab308;font-weight:800}.invoice-card-table{border-collapse:collapse;width:100%;margin-bottom:16px}.invoice-card-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;padding:8px 4px;font-size:9px;font-weight:600}.invoice-card-table td{color:#e2e8f0;padding:10px 4px}.invoice-card-table tr{border-bottom:1px solid #ffffff05}.teal-line-separator{background-color:#14b8a6;width:100%;height:3px;margin-bottom:16px}.invoice-card-totals{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:8px;margin-bottom:14px;padding-bottom:14px;display:flex}.totals-row{color:#94a3b8;justify-content:space-between;display:flex}.totals-row.grand-total{color:#fff;margin-top:4px;font-size:15px;font-weight:800}.invoice-card-footer{color:#475569;justify-content:space-between;font-size:10px;font-weight:600;display:flex}.feature-list-right{flex-direction:column;gap:8px;width:160px;display:flex}.feature-pill-card{color:#94a3b8;cursor:pointer;text-align:left;background-color:#0d152766;border:1px solid #ffffff0a;border-radius:6px;padding:12px;font-size:11px;font-weight:700;transition:all .2s}.feature-pill-card:hover{color:#fff;background-color:#0d1527cc;border-color:#ffffff1a}.feature-pill-card.active{color:#14b8a6;background-color:#14b8a60d;border-color:#14b8a64d}.glass-auth-overlay{-webkit-backdrop-filter:blur(12px);z-index:110;background:#090d16cc;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.glass-auth-modal{width:100%;max-width:440px;padding:8px;position:relative}.glass-close-btn{color:#94a3b8;cursor:pointer;z-index:10;background:0 0;border:none;transition:color .2s;position:absolute;top:20px;right:20px}.glass-close-btn:hover{color:#fff}.auth-portal-card{box-sizing:border-box;background-color:#0b1320;border:1px solid #ffffff0d;border-radius:12px;width:100%;padding:32px;box-shadow:0 25px 50px -12px #0009}.auth-header{text-align:center;margin-bottom:24px}.auth-title{color:#fff;margin-bottom:6px;font-size:24px;font-weight:800}.auth-subtitle{color:#64748b;font-size:13px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.auth-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:11px;font-weight:700}.auth-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:var(--font-family);transition:var(--transition);box-sizing:border-box;background-color:#ffffff08;outline:none;width:100%;padding:10px 14px}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{background-color:#ffffff0d;border-color:#892ca0;box-shadow:0 0 0 2px #892ca033}.auth-submit-btn{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#892ca0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.auth-submit-btn:hover{background-color:#ab37c8;transform:translateY(-1px)}.auth-divider{text-align:center;color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center;margin:16px 0;font-size:10px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #ffffff0d;flex:1}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.google-oauth-btn{color:#892ca0;cursor:pointer;box-sizing:border-box;background-color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.google-oauth-btn:hover{background-color:#f8fafc;transform:translateY(-1px)}.google-brand-icon{vertical-align:middle;flex-shrink:0;width:18px;height:18px;display:inline-block}.auth-switch-link{text-align:center;color:#64748b;margin-top:16px;font-size:12px}.auth-switch-link span{color:#892ca0;cursor:pointer;margin-left:4px;font-weight:700;transition:color .2s}.auth-switch-link span:hover{text-decoration:underline}.auth-page-container{background-color:#101011;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-back-link{color:#94a3b8;cursor:pointer;z-index:50;background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:24px;left:24px}.auth-back-link:hover{color:#fff;background:#ffffff0f;transform:translate(-2px)}.auth-panel-left{background-color:#101011;border-right:1px solid #ffffff08;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative}.auth-quote-wrapper{text-align:left;max-width:480px}.auth-logo-row{align-items:center;gap:12px;margin-bottom:48px;display:flex}.auth-panel-logo{width:auto;height:36px}.auth-panel-logo-text{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:800}.auth-quote-mark{color:#14b8a6;opacity:.8;margin-bottom:24px;font-family:serif;font-size:80px;line-height:.1}.auth-quote-text{color:#f1f5f9;margin-bottom:16px;font-size:18px;font-style:italic;font-weight:500;line-height:1.6}.auth-quote-author{color:#fff;font-size:15px;font-weight:700}.auth-quote-role{color:#64748b;margin-bottom:48px;font-size:13px}.auth-panel-features{border-top:1px solid #ffffff0a;flex-direction:column;gap:12px;padding-top:24px;display:flex}.auth-feat-item{color:#94a3b8;align-items:center;gap:10px;font-size:13px;display:flex}.auth-feat-bullet{color:#14b8a6;font-weight:700}.auth-panel-right{background-color:#000;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.auth-panel-right-card{width:100%;max-width:420px}.auth-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.auth-input-icon{color:#475569;pointer-events:none;transition:color .2s;position:absolute;left:14px}.auth-input{padding-left:42px!important;padding-right:42px!important}.auth-input:focus+.auth-input-icon,.auth-input-wrapper:focus-within .auth-input-icon{color:#892ca0}.auth-eye-btn{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.auth-eye-btn:hover{color:#fff}.auth-forgot-link{color:#14b8a6;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.auth-forgot-link:hover{text-decoration:underline}.auth-alert-error{color:#fca5a5;text-align:center;background-color:#ef444414;border:1px solid #ef444426;border-radius:6px;margin-bottom:18px;padding:10px 14px;font-size:13px}.auth-alert-success{color:#6ee7b7;text-align:center;background-color:#10b98114;border:1px solid #10b98126;border-radius:6px;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:600}@media (width<=860px){.auth-page-container{flex-direction:column;overflow-y:auto}.auth-panel-left{display:none}.auth-panel-right{min-height:100vh;padding:120px 24px 60px}.auth-back-link{top:20px;left:20px}}.quick-summary-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#050508d9;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.quick-summary-container{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:100%;max-width:960px;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 24px 48px -12px #00000080}.quick-summary-header{border-bottom:1px solid var(--border-color);background:#ffffff03;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.quick-summary-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.quick-summary-body{grid-template-columns:1.3fr .7fr;gap:24px;max-height:calc(85vh - 60px);padding:6px;display:grid;overflow-y:auto}.quick-action-column{flex-direction:column;gap:16px;display:flex}.quick-action-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.quick-action-card-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0 0 4px;font-size:11px;font-weight:700}.quick-action-btn{border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;box-sizing:border-box;background:#ffffff05;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.quick-action-btn:hover{border-color:var(--border-color-hover);color:#fff;background:#ffffff0f}.quick-action-btn.primary{background:var(--primary-gradient);color:#fff;border-color:#0000}.quick-action-btn.primary:hover{background:var(--primary-gradient-hover)}.status-badge-selector{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-select-btn{color:#94a3b8;cursor:pointer;text-align:center;background:#ffffff03;border:1px solid #ffffff0f;border-radius:6px;padding:8px;font-size:12px;font-weight:600;transition:all .2s}.status-select-btn:hover{background:#ffffff0a}.status-select-btn.active.paid{color:#34d399;background:#10b9811a;border-color:#10b9814d}.status-select-btn.active.pending{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b4d}.status-select-btn.active.overdue{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.status-select-btn.active.draft{color:#94a3b8;background:#64748b1a;border-color:#64748b4d}.status-select-btn.active.under-verification{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.status-badge{text-transform:uppercase;letter-spacing:.5px;border:1.5px solid;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-badge.paid{color:#10b981;background-color:#10b9810d;border-color:#10b98133}.status-badge.pending{color:#fbbf24;background-color:#f59e0b0d;border-color:#f59e0b33}.status-badge.overdue{color:#f87171;background-color:#ef44440d;border-color:#ef444433}.status-badge.draft{color:#9ca3af;background-color:#9ca3af0d;border-color:#9ca3af33}.status-badge.partially-paid{color:#f59e0b;background-color:#f59e0b0d;border-color:#f59e0b33}.status-badge.under-verification{color:#38bdf8;background-color:#38bdf80d;border-color:#38bdf833}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.quick-summary-body{grid-template-columns:1fr}}.landing-invoice-container{color:#e2e8f0;text-align:left;background-color:#0b1320;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;padding:24px;font-size:12px;transition:all .3s;display:flex;box-shadow:0 25px 50px -12px #00000080}.landing-invoice-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;padding-bottom:16px;display:flex}.landing-invoice-billing{flex-direction:column;flex:1.4;gap:4px;transition:all .2s;display:flex}.landing-invoice-meta{text-align:right;flex-direction:column;flex:1;align-items:flex-end;gap:4px;display:flex}.landing-section-label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.landing-billing-name{color:#fff;margin:0;font-size:16px;font-weight:700;line-height:1.2}.landing-billing-company{color:#94a3b8;margin:0 0 2px;font-size:12px;font-weight:500}.landing-billing-detail{color:#94a3b8;margin:0;font-size:11px;line-height:1.4}.landing-billing-address{color:#94a3b8;word-wrap:break-word;max-width:280px;margin:4px 0 0;font-size:11px;line-height:1.4}.landing-invoice-id{color:#14b8a6;margin:0 0 6px;font-size:18px;font-weight:800;transition:all .3s}.landing-meta-detail{color:#64748b;margin:0;font-size:11px}.landing-meta-val{color:#fff;font-weight:700}.landing-due-date-red{color:#f87171}.landing-meta-status{color:#94a3b8;margin-top:8px;font-size:12px;font-weight:700}.landing-invoice-table{border-collapse:collapse;width:100%;margin-bottom:16px}.landing-invoice-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;padding:8px 4px;font-size:9px;font-weight:600}.landing-invoice-table td{color:#e2e8f0;padding:10px 4px}.landing-invoice-table tr{border-bottom:1px solid #ffffff05}.landing-totals-row{color:#94a3b8;justify-content:space-between;transition:all .3s;display:flex}.landing-totals-row.grand-total{color:#fff;margin-top:4px;font-size:15px;font-weight:800}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFast{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 8px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.pulse-sim-btn{animation:2s infinite pulseGlow}.sim-toast{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.landing-tabs-header{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;gap:6px;padding:6px;display:flex}.landing-tab-btn{cursor:pointer;color:#64748b;background-color:#0000;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.landing-tab-btn:hover{color:#fff;background-color:#ffffff0a}.landing-tab-btn.active{box-shadow:0 4px 15px #892ca059;color:#fff!important;background-color:#892ca0!important}@media (width>=769px){.invoice-table-desktop{display:block}.invoice-cards-mobile{display:none}}@media (width<=768px){.invoice-table-desktop{display:none}.invoice-cards-mobile{display:block}}.invoice-table-desktop{margin-bottom:40px}.invoice-desktop-table{border-collapse:collapse;text-align:left;width:100%}.invoice-desktop-table th,.invoice-desktop-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 16px}.invoice-desktop-table th{font-weight:700}.invoice-desktop-table tr:last-child td{border-bottom:none}.invoice-desktop-table tr:hover{background-color:#ffffff03}.invoice-num-cell{color:var(--primary);cursor:pointer;font-family:monospace;font-weight:700;transition:color .2s}.invoice-num-cell:hover{color:var(--secondary)}.invoice-client-name{color:var(--text-primary);font-weight:600;display:block}.invoice-client-company{color:var(--text-secondary);font-size:12px;display:block}.pay-portal-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.pdf-iframe-container{aspect-ratio:1/1.414;height:auto!important}@media (width<=768px){.pay-portal-grid{grid-template-columns:1fr;gap:16px!important}.pay-portal-main-content{padding:24px 16px!important}}.pay-portal-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:1300px;margin:0 auto;padding:100px 24px 40px;animation:.5s ease-out fadeIn;display:flex}.pay-portal-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;padding:24px;overflow:hidden}@media (width<=768px){.pay-portal-container{gap:16px!important;padding:80px 10px 30px!important}.pay-portal-card,.quick-action-card{border-radius:8px!important;padding:12px!important}}