@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f5f6fb;--bg-secondary:#fff;--bg-tertiary:#f0f2f9;--bg-elevated:#fff;--text-primary:#0f1427;--text-secondary:#5b6478;--text-tertiary:#98a0b3;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#4f46e517;--accent:#06b6d4;--success:#059669;--success-hover:#047857;--success-light:#0596691a;--danger:#e11d48;--danger-hover:#be123c;--danger-light:#e11d4817;--warning:#d97706;--warning-light:#d977061c;--border-color:#e6e8f0;--border-strong:#d5d9e5;--chart-1:#4f46e5;--chart-2:#f43f5e;--chart-3:#06b6d4;--shadow-sm:0 1px 2px #1018280a, 0 1px 3px #1018280d;--shadow-md:0 6px 20px -8px #10182824, 0 2px 6px -2px #1018280d;--shadow-lg:0 30px 60px -20px #1018284d;--card-shadow:var(--shadow-sm);--modal-shadow:var(--shadow-lg);--gradient-primary:linear-gradient(135deg, #6366f1 0%, #4f46e5 45%, #0891b2 100%);--gradient-brand:linear-gradient(135deg, #818cf8, #22d3ee);--radius-sm:10px;--radius:14px;--radius-lg:18px;--font-sans:"IBM Plex Sans Thai", "Sarabun", system-ui, sans-serif;--mono:"IBM Plex Sans Thai", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sidebar-width:268px;--sb-bg:#0c1122;--sb-bg-2:#111832;--sb-text:#a3abc2;--sb-text-strong:#f3f5fb;--sb-muted:#5f6987;--sb-hover:#ffffff0d;--sb-border:#ffffff12;--glass-bg:#f5f6fbc7;--glass-border:#e6e8f0e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-primary:#0a0e1c;--bg-secondary:#121831;--bg-tertiary:#19203d;--bg-elevated:#161d38;--text-primary:#eef0f8;--text-secondary:#a0a8c0;--text-tertiary:#6b7493;--primary:#818cf8;--primary-hover:#a5b4fc;--primary-light:#818cf824;--accent:#22d3ee;--success:#34d399;--success-hover:#6ee7b7;--success-light:#34d39921;--danger:#fb7185;--danger-hover:#fda4af;--danger-light:#fb718521;--warning:#fbbf24;--warning-light:#fbbf2421;--border-color:#232b4d;--border-strong:#2f3963;--chart-1:#818cf8;--chart-2:#fb7185;--chart-3:#22d3ee;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 24px -10px #0000008c;--shadow-lg:0 30px 60px -20px #000000b3;--sb-bg:#070a16;--sb-bg-2:#0b1022;--glass-bg:#0a0e1cc7;--glass-border:#232b4dcc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;line-height:1.5;overflow-x:hidden}.stat-val,.table td,[style*=--mono],.mono{font-variant-numeric:tabular-nums}#root{min-height:100vh;display:flex}::selection{background:#6366f138}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg-primary);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--sb-bg-2) 0%, var(--sb-bg) 60%);color:var(--sb-text);z-index:10;border-right:1px solid var(--sb-border);flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(240px 140px at 30% 0,#6366f147,#0000 70%);height:220px;position:absolute;inset:0 0 auto}.sidebar-brand{align-items:center;gap:12px;padding:22px 22px 18px;display:flex;position:relative}.sidebar-title{letter-spacing:.2px;color:var(--sb-text-strong);font-size:1.25rem;font-weight:700}.sidebar-title small{letter-spacing:.12em;text-transform:uppercase;color:var(--sb-muted);margin-top:-2px;font-size:.66rem;font-weight:500;display:block}.sidebar-menu{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex-direction:column;flex:1;gap:2px;padding:4px 12px 16px;list-style:none;display:flex;position:relative;overflow-y:auto}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff1f;border-color:#0000}.sidebar-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--sb-muted);padding:16px 12px 6px;font-size:.68rem;font-weight:600}.sidebar-item-link{color:var(--sb-text);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.sidebar-item-link svg{opacity:.85;flex-shrink:0}.sidebar-item-link:hover{background-color:var(--sb-hover);color:var(--sb-text-strong)}.sidebar-item-link.active{color:#fff;background:linear-gradient(90deg,#6366f152,#22d3ee1f);font-weight:600;box-shadow:inset 0 0 0 1px #818cf859}.sidebar-item-link.active svg{opacity:1;color:#a5b4fc}.sidebar-item-link .new-dot{letter-spacing:.05em;color:#67e8f9;background:#22d3ee29;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:.6rem;font-weight:700}.sidebar-panel{border:1px solid var(--sb-border);color:var(--sb-text);background:#ffffff09;border-radius:12px;margin:0 12px 10px;padding:10px 12px;font-size:.76rem}.sidebar-panel a{color:var(--sb-text);align-items:center;gap:8px;text-decoration:none;display:flex}.sidebar-panel a:hover{color:var(--sb-text-strong)}.sidebar-upgrade{background:var(--gradient-primary);color:#fff;cursor:pointer;width:calc(100% - 24px);font-size:.82rem;font-weight:700;font-family:var(--font-sans);border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin:0 12px 10px;padding:10px 12px;transition:filter .15s,transform .12s;display:flex;box-shadow:0 10px 24px -12px #6366f1e6}.sidebar-upgrade:hover{filter:brightness(1.1)}.sidebar-upgrade:active{transform:translateY(1px)}.sidebar-footer{border-top:1px solid var(--sb-border);color:var(--sb-text);align-items:center;gap:8px;padding:12px 14px;display:flex}.sidebar-footer .btn-secondary,.sidebar-icon-btn{border:1px solid var(--sb-border);color:var(--sb-text);box-shadow:none;background:#ffffff0d}.sidebar-footer .btn-secondary:hover,.sidebar-icon-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff24}.main-layout{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.top-navbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(170%);border-bottom:1px solid var(--border-color);z-index:9;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex;position:sticky;top:0}.navbar-page-title{letter-spacing:-.2px;color:var(--text-primary);font-size:1.2rem;font-weight:700}.navbar-subtitle{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.navbar-actions{align-items:center;gap:10px;display:flex}.navbar-chip{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:inline-flex}.content-container{flex:1;width:100%;max-width:1480px;margin:0 auto;padding:28px 32px 40px}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:22px;display:grid}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.stat-card:after{content:"";background:radial-gradient(circle, var(--primary-light), transparent 70%);pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.stat-card.income:after{background:radial-gradient(circle, var(--success-light), transparent 70%)}.stat-card.expense:after{background:radial-gradient(circle, var(--danger-light), transparent 70%)}.stat-card:has(.stat-icon){justify-content:flex-start;align-items:flex-start}.stat-icon,.stat-icon-wrapper{background-color:var(--primary-light);width:46px;height:46px;color:var(--primary);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card.income .stat-icon,.stat-card.income .stat-icon-wrapper{background-color:var(--success-light);color:var(--success)}.stat-card.expense .stat-icon,.stat-card.expense .stat-icon-wrapper{background-color:var(--danger-light);color:var(--danger)}.stat-card.net .stat-icon,.stat-card.net .stat-icon-wrapper{color:var(--accent);background-color:#06b6d41f}.stat-info{min-width:0;position:relative}.stat-info h3{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600}.stat-val{letter-spacing:-.5px;color:var(--text-primary);font-size:1.65rem;font-weight:700;font-family:var(--mono);line-height:1.2}.stat-sub{color:var(--text-tertiary);margin-top:4px;font-size:.76rem}.chart-grid{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:22px;display:grid}@media (width<=1024px){.chart-grid{grid-template-columns:1fr}}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:22px}.card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-title{letter-spacing:-.1px;color:var(--text-primary);margin-bottom:14px;font-size:1.02rem;font-weight:700}.card-header .card-title{margin-bottom:0}.form-group{margin-bottom:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-control{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:10px 13px;font-size:.93rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.form-control::placeholder{color:var(--text-tertiary)}.form-control:hover{border-color:var(--border-strong)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.form-control:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2398a0b3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.hint-box{border-radius:var(--radius-sm);background:var(--primary-light);color:var(--text-primary);margin-bottom:16px;padding:10px 14px;font-size:.85rem}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.89rem;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:7px;padding:9px 16px;transition:transform .12s,box-shadow .2s,background-color .2s,filter .2s,border-color .2s,color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 4px var(--primary-light)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 20px -10px #4f46e5d9,inset 0 1px #ffffff2e}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-strong)}.btn-success{background-color:var(--success);color:#fff;box-shadow:0 8px 18px -10px #059669cc}.btn-success:hover:not(:disabled){background-color:var(--success-hover)}.btn-danger{background-color:var(--danger-light);color:var(--danger);border-color:#0000}.btn-danger:hover:not(:disabled){background-color:var(--danger);color:#fff}.btn-warning{background-color:var(--warning);color:#1f1300}.btn-warning:hover:not(:disabled){filter:brightness(1.08)}.btn-sm{border-radius:8px;padding:6px 11px;font-size:.8rem}.icon-btn{width:30px;height:30px;padding:6px}.segmented{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.segmented button{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 14px;font-size:.86rem;font-weight:600}.segmented button.active{background:var(--bg-secondary);color:var(--primary);box-shadow:var(--shadow-sm)}.table-responsive{border:1px solid var(--border-color);border-radius:var(--radius);width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.table th{background-color:var(--bg-tertiary);color:var(--text-secondary);letter-spacing:.02em;border-bottom:1px solid var(--border-color);z-index:1;white-space:nowrap;padding:11px 16px;font-size:.78rem;font-weight:600;position:sticky;top:0}.table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:12px 16px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .12s}.table tbody tr:hover{background-color:var(--primary-light)}.empty-row{text-align:center;color:var(--text-tertiary);padding:32px 16px!important}.pl-table .pl-section td{background:var(--bg-tertiary);color:var(--text-secondary);letter-spacing:.03em;font-size:.8rem;font-weight:700}.pl-table .pl-total td{border-top:1.5px solid var(--border-strong)}.pl-table tbody tr:last-child td{border-top:2px solid var(--text-primary);font-size:1rem;border-bottom:4px double var(--text-primary)!important}.badge{white-space:nowrap;border-radius:9999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.pill-ok{background:var(--success-light);color:var(--success)}.pill-warn{background:var(--warning-light);color:var(--warning)}.pill-bad{background:var(--danger-light);color:var(--danger)}.pill-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.mini-progress{background:var(--bg-tertiary);border-radius:999px;height:4px;margin-top:5px;overflow:hidden}.mini-progress span{background:var(--gradient-primary);border-radius:999px;height:100%;display:block}.aging-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px;display:grid}.aging-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-top:3px solid var(--border-strong);padding:16px}.aging-card.total{background:var(--gradient-primary);color:#fff;border:none}.aging-card.total .aging-label,.aging-card.total .aging-sub{color:#ffffffd1}.aging-card.tone-ok{border-top-color:var(--success)}.aging-card.tone-warn{border-top-color:var(--warning)}.aging-card.tone-bad{border-top-color:var(--danger)}.aging-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.aging-val{font-size:1.3rem;font-weight:700;font-family:var(--mono);margin:4px 0 2px}.aging-sub{color:var(--text-tertiary);align-items:center;gap:4px;font-size:.74rem;display:flex}.aging-bar{background:var(--bg-tertiary);border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.aging-bar span{background:currentColor;height:100%;display:block}.aging-card.tone-ok .aging-bar span{background:var(--success)}.aging-card.tone-warn .aging-bar span{background:var(--warning)}.aging-card.tone-bad .aging-bar span{background:var(--danger)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background-color:#080b1880;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.18s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--bg-elevated);border:1px solid var(--border-color);width:92%;max-width:660px;max-height:90vh;box-shadow:var(--modal-shadow);border-radius:20px;padding:28px;animation:.22s cubic-bezier(.16,1,.3,1) modal-in;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.modal-content.large{max-width:920px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:16px;display:flex}.modal-title{letter-spacing:-.2px;color:var(--text-primary);font-size:1.15rem;font-weight:700}.modal-close{background:var(--bg-tertiary);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;border-radius:10px;font-size:1.3rem;line-height:1}.modal-close:hover{color:var(--text-primary);background:var(--border-color)}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.alert{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:18px;padding:12px 16px;font-size:.9rem;display:flex}.alert-success{background-color:var(--success-light);color:var(--success);border:1px solid var(--success)}.alert-danger{background-color:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.print-only{display:none}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:A4;margin:8mm 15mm 15mm}html,body{color:#000!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;font-family:Sarabun,sans-serif!important}.print-only{display:inline!important}.sidebar,.top-navbar,.no-print,.sidebar-brand,.sidebar-menu,.sidebar-footer,aside,header,button{display:none!important}#root{width:100%!important;margin:0!important;padding:0!important;display:block!important}.main-layout{width:100%!important;margin-left:0!important;padding:0!important;display:block!important}.content-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.card{box-shadow:none!important;background:#fff!important;border:none!important;padding:0!important}.print-wrapper{background-color:#fff!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.print-container{color:#000!important;width:100%!important;max-width:100%!important;box-shadow:none!important;background-color:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;font-family:Sarabun,sans-serif!important;font-size:13px!important;display:block!important}.print-container *{font-family:Sarabun,sans-serif!important}.table-responsive{border:none!important;overflow:visible!important}.table th{color:#000!important;background:#f2f2f2!important;position:static!important}.table td{color:#000!important}.print-header{border-bottom:2px solid #333;justify-content:space-between;margin-bottom:30px;padding-bottom:15px;display:flex}.print-title{text-align:right;font-size:20px;font-weight:700}.print-details{justify-content:space-between;margin-bottom:20px;display:flex}.print-table{border-collapse:collapse;width:100%;margin-bottom:20px}.print-table th,.print-table td{text-align:left;border:1px solid #ddd;padding:8px 10px}.print-table th{background-color:#f5f5f5}.print-summary{justify-content:flex-end;display:flex}.print-summary-table{border-collapse:collapse;width:300px}.print-summary-table td{border:none;padding:5px 10px}.print-summary-table tr.total{border-top:1px solid #333;border-bottom:4px double #333;font-weight:700}.print-signatures{justify-content:space-between;margin-top:50px;display:flex!important}.signature-box{text-align:center;border-top:1px solid #333;width:200px;padding-top:5px}table.tax-table{border-collapse:collapse!important;width:100%!important;margin-bottom:15px!important;font-size:9px!important}table.tax-table th,table.tax-table td{word-break:break-all!important;border:1px solid #aaa!important;padding:3px 4px!important;font-size:9px!important}table.tax-table td{text-overflow:ellipsis!important;max-width:150px!important;overflow:hidden!important}.tax-form{font-size:12px!important}}@media screen and (height<=860px){.sidebar-contact{display:none!important}}@media screen and (width<=1024px){:root{--sidebar-width:260px}.sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);box-shadow:20px 0 40px #0000004d}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9;background-color:#080b1873;position:fixed;inset:0}.main-layout{width:100%;margin-left:0}.mobile-menu-btn{display:block!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.chart-grid{grid-template-columns:1fr!important;gap:18px!important}}@media screen and (width<=768px){.top-navbar{height:60px;padding:0 16px}.navbar-chip.hide-sm{display:none}.content-container{padding:16px}.stat-grid{grid-template-columns:1fr!important;gap:12px!important}.form-grid{grid-template-columns:1fr}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:10px;width:100%;margin-bottom:15px;display:block;overflow-x:auto}.form-row{flex-direction:column!important;gap:12px!important}.form-group{width:100%!important}.modal-content{width:95%;padding:20px}}.pub-gradient-text{background:linear-gradient(90deg,#a5b4fc 0%,#67e8f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pub-pill{color:#c7d2fe;background:#6366f124;border:1px solid #818cf859;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.pub-btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.98rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .12s,background-color .15s,border-color .15s;display:inline-flex}.pub-btn:active{transform:translateY(1px)}.pub-btn:disabled{opacity:.65;cursor:wait}.pub-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 12px 28px -12px #4f46e5e6,inset 0 1px #fff3}.pub-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.pub-btn-ghost-dark{color:#e5e8f5;background:#ffffff0f;border-color:#ffffff29}.pub-btn-ghost-dark:hover{background:#ffffff1f}.pub-btn-outline{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.pub-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.pub-btn-success{background:var(--success-light);color:var(--success);border-color:#05966959}.pub-btn-success:hover:not(:disabled){background:#05966929}.pub-btn-block{width:100%}.pub-btn-sm{border-radius:10px;padding:8px 14px;font-size:.86rem}.pub-lang{font-family:var(--font-sans);cursor:pointer;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.pub-lang:hover{color:var(--primary);border-color:var(--primary)}.pub-lang.on-dark{color:#d5d9ea;background:#ffffff0f;border-color:#ffffff29}.pub-lang.on-dark:hover{color:#fff;border-color:#ffffff4d}.auth-shell{width:100%;min-height:100vh;font-family:var(--font-sans);background:var(--bg-primary);grid-template-columns:minmax(380px,1fr) minmax(420px,1.05fr);display:grid}.auth-aside{color:#d5d9ea;background:linear-gradient(160deg,#141b3a 0%,#0c1122 55%,#070a16 100%);flex-direction:column;padding:44px clamp(28px,4vw,64px);display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f16b,#0000 65%);width:560px;height:560px;position:absolute;top:-220px;left:-180px}.auth-aside:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee38,#0000 65%);width:480px;height:480px;position:absolute;bottom:-200px;right:-200px}.auth-aside>*{z-index:1;position:relative}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand-name{color:#fff;letter-spacing:.2px;font-size:1.35rem;font-weight:700}.auth-brand-sub{letter-spacing:.12em;text-transform:uppercase;color:#7f89a8;font-size:.72rem}.auth-aside-body{max-width:460px;margin:auto 0;padding:40px 0}.auth-aside-title{color:#fff;margin:18px 0 12px;font-size:clamp(1.7rem,2.6vw,2.3rem);font-weight:700;line-height:1.25}.auth-aside-text{color:#a3abc2;margin-bottom:26px;font-size:.98rem;line-height:1.7}.auth-points{flex-direction:column;gap:14px;list-style:none;display:flex}.auth-points li{color:#d5d9ea;align-items:flex-start;gap:12px;font-size:.93rem;line-height:1.5;display:flex}.auth-point-icon{color:#a5b4fc;background:#818cf824;border:1px solid #818cf847;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.auth-points small{color:#7f89a8;font-size:.8rem;display:block}.auth-aside-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff17;border-radius:16px;align-items:center;gap:14px;margin-top:30px;padding:14px 18px;display:inline-flex}.auth-aside-stat .val{color:#fff;font-size:1.3rem;font-weight:700}.auth-aside-stat .lbl{color:#8f98b5;font-size:.76rem}.auth-aside-stat .up{color:#6ee7b7;font-size:.78rem;font-weight:600}.auth-aside-foot{color:#5f6987;font-size:.78rem}.auth-main{justify-content:center;align-items:center;padding:72px 24px 40px;display:flex;position:relative}.auth-main .pub-lang{position:absolute;top:20px;right:24px}.auth-card{width:100%;max-width:440px}.auth-card.wide{max-width:520px}.auth-mobile-brand{align-items:center;gap:10px;margin-bottom:22px;display:none}.auth-mobile-brand span{color:var(--text-primary);font-size:1.25rem;font-weight:700}.auth-title{color:var(--text-primary);letter-spacing:-.3px;font-size:1.65rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin:6px 0 24px;font-size:.93rem}.auth-section-label{color:var(--text-tertiary);margin-bottom:8px;font-size:.76rem;font-weight:600}.auth-presets{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.auth-preset{cursor:pointer;text-align:left;font-family:var(--font-sans);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;align-items:center;gap:10px;padding:11px 12px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.auth-preset:hover{border-color:var(--border-strong)}.auth-preset.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px var(--primary-light)}.auth-preset-icon{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-preset.active .auth-preset-icon{background:var(--gradient-primary);color:#fff}.auth-preset b{font-size:.88rem;font-weight:600;display:block}.auth-preset small{color:var(--text-tertiary);font-size:.74rem;display:block}.auth-field{margin-bottom:16px}.auth-field label{color:var(--text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.auth-input{position:relative}.auth-input>svg:first-child{color:var(--text-tertiary);pointer-events:none;transition:color .15s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.auth-input:focus-within>svg:first-child{color:var(--primary)}.auth-input .form-control{border-radius:12px;padding:12px 14px 12px 40px}.auth-input .form-control.pad-right{padding-right:42px}.auth-eye{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:8px;padding:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-eye:hover{color:var(--primary);background:var(--primary-light)}.auth-grid-2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.auth-error{background:var(--danger-light);color:var(--danger);border:1px solid #e11d4840;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:.86rem;display:flex}.auth-divider{color:var(--text-tertiary);align-items:center;gap:12px;margin:20px 0 16px;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:.9rem}.auth-link{font-family:var(--font-sans);font-size:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.auth-link:hover{text-decoration:underline}.auth-support{border-top:1px solid var(--border-color);text-align:center;margin-top:22px;padding-top:18px}.auth-support-label{color:var(--text-tertiary);margin-bottom:10px;font-size:.76rem}.auth-support-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.auth-support-row a{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-support-row a:hover{color:var(--primary);border-color:var(--primary)}.auth-copy{text-align:center;color:var(--text-tertiary);margin-top:18px;font-size:.74rem}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-mobile-brand{display:flex}.auth-main{align-items:flex-start;padding:64px 16px 32px}}@media (width<=480px){.auth-grid-2,.auth-presets{grid-template-columns:1fr}}.lp{width:100%;min-height:100vh;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);flex-direction:column;display:flex}.lp-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.lp-top{color:#d5d9ea;background:linear-gradient(170deg,#141b3a 0%,#0c1122 50%,#070a16 100%);position:relative;overflow:hidden}.lp-top:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f161,#0000 62%);width:900px;height:900px;position:absolute;top:-500px;left:-300px}.lp-top:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee33,#0000 62%);width:700px;height:700px;position:absolute;bottom:-360px;right:-260px}.lp-top>*{z-index:1;position:relative}.lp-nav{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.lp-nav-brand{color:#fff;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:flex}.lp-nav-links{align-items:center;gap:26px;display:flex}.lp-nav-links a{color:#a3abc2;font-size:.92rem;font-weight:500;text-decoration:none}.lp-nav-links a:hover{color:#fff}.lp-nav-actions{align-items:center;gap:10px;display:flex}.lp-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(28px,6vw,72px) 0 clamp(48px,7vw,96px);display:grid}.lp-hero h1{color:#fff;letter-spacing:-.5px;margin:18px 0 16px;font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:700;line-height:1.15}.lp-hero-sub{color:#a3abc2;max-width:560px;margin-bottom:28px;font-size:1.05rem;line-height:1.75}.lp-cta-row{flex-wrap:wrap;gap:12px;display:flex}.lp-hero-note{color:#7f89a8;max-width:520px;margin-top:16px;font-size:.84rem;line-height:1.6}.lp-trust{flex-wrap:wrap;gap:18px;margin-top:26px;display:flex}.lp-trust span{color:#a3abc2;align-items:center;gap:7px;font-size:.84rem;display:inline-flex}.lp-trust svg{color:#67e8f9}.lp-mock{background:#f5f6fb;border-radius:18px;overflow:hidden;transform:perspective(1400px)rotateY(-6deg)rotateX(2deg);box-shadow:0 40px 80px -30px #000000bf,0 0 0 1px #ffffff14}.lp-mock-bar{background:#e9ebf3;gap:6px;padding:10px 14px;display:flex}.lp-mock-bar i{background:#cfd3e1;border-radius:50%;width:10px;height:10px;display:block}.lp-mock-body{grid-template-columns:74px 1fr;min-height:300px;display:grid}.lp-mock-side{background:#0c1122;flex-direction:column;gap:8px;padding:14px 10px;display:flex}.lp-mock-side i{background:#ffffff1f;border-radius:4px;height:8px;display:block}.lp-mock-side i.on{background:linear-gradient(90deg,#6366f1,#22d3ee)}.lp-mock-main{flex-direction:column;gap:12px;padding:16px;display:flex}.lp-mock-tiles{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lp-mock-tile{background:#fff;border:1px solid #e6e8f0;border-radius:10px;padding:10px}.lp-mock-tile small{color:#98a0b3;font-size:.62rem;display:block}.lp-mock-tile b{color:#0f1427;font-size:.92rem}.lp-mock-tile b.up{color:#059669}.lp-mock-chart{background:#fff;border:1px solid #e6e8f0;border-radius:10px;flex:1;align-items:flex-end;gap:7px;min-height:130px;padding:12px 12px 8px;display:flex}.lp-mock-chart span{background:linear-gradient(#6366f1,#818cf8);border-radius:5px 5px 0 0;flex:1}.lp-mock-chart span.alt{background:linear-gradient(#f43f5e,#fb7185)}.lp-mock-rows{flex-direction:column;gap:6px;display:flex}.lp-mock-rows i{background:#e6e8f0;border-radius:4px;height:9px;display:block}.lp-section{padding:clamp(48px,7vw,88px) 0}.lp-section-head{text-align:center;max-width:660px;margin:0 auto 40px}.lp-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-size:.78rem;font-weight:700}.lp-section-head h2{letter-spacing:-.3px;color:var(--text-primary);margin:8px 0 10px;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:700}.lp-section-head p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.lp-features{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.lp-feature{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.lp-feature:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.lp-feature-icon{background:var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.lp-feature h3{color:var(--text-primary);margin-bottom:6px;font-size:1.02rem;font-weight:700}.lp-feature p{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.lp-new{letter-spacing:.06em;color:#0891b2;background:#06b6d41f;border-radius:999px;padding:3px 8px;font-size:.64rem;font-weight:700;position:absolute;top:16px;right:16px}.lp-pricing{background:var(--bg-tertiary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.lp-prices{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:18px;display:grid}.lp-price{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;padding:28px 24px;display:flex;position:relative}.lp-price.hi{background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, var(--gradient-primary) border-box;border:2px solid #0000;box-shadow:0 24px 48px -24px #4f46e58c}.lp-price-badge{background:var(--gradient-primary);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 14px;font-size:.74rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.lp-price-name{color:var(--text-secondary);margin-bottom:10px;font-size:1rem;font-weight:700}.lp-price-value{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:20px;display:flex}.lp-price-value b{color:var(--text-primary);letter-spacing:-1px;font-size:2.4rem;font-weight:700;line-height:1}.lp-price-value span{color:var(--text-tertiary);font-size:.86rem}.lp-perks{flex-direction:column;flex:1;gap:10px;margin-bottom:22px;list-style:none;display:flex}.lp-perks li{color:var(--text-primary);align-items:flex-start;gap:9px;font-size:.92rem;line-height:1.5;display:flex}.lp-perks svg{color:var(--success);flex-shrink:0;margin-top:3px}.lp-price-foot{text-align:center;color:var(--text-tertiary);margin-top:22px;font-size:.84rem}.lp-cta-band{color:#d5d9ea;background:linear-gradient(135deg,#1e1b4b 0%,#0c1122 60%,#083344 100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(32px,5vw,56px);display:flex;position:relative;overflow:hidden}.lp-cta-band h2{color:#fff;margin-bottom:6px;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.lp-cta-band p{color:#a3abc2}.lp-footer{border-top:1px solid var(--border-color);color:var(--text-tertiary);padding:28px 0 36px;font-size:.85rem}.lp-footer .lp-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=960px){.lp-hero{grid-template-columns:1fr}.lp-mock{max-width:560px;transform:none}.lp-nav-links{display:none}}@media (width<=520px){.lp-nav-actions .hide-xs{display:none}.lp-cta-row .pub-btn{width:100%}}