*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #1e40af;--blue-light: #3b82f6;--blue-pale: #eff6ff;--green: #16a34a;--green-pale: #f0fdf4;--amber: #d97706;--amber-pale: #fffbeb;--red: #dc2626;--red-pale: #fef2f2;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--sidebar-w: 240px;--header-h: 60px;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1)}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800);background:#f3f5fa;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}.app-shell{display:flex;min-height:100vh}.sidebar{display:none;flex-direction:column;width:var(--sidebar-w);background:linear-gradient(180deg,#0f172a,#111e33);color:#fff;position:fixed;left:0;top:0;bottom:0;z-index:100;padding:0}@media (min-width: 768px){.sidebar{display:flex}}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo-icon{font-size:28px}.logo-text{font-size:16px;font-weight:700;color:#fff}.duely-logo{display:inline-flex;align-items:center;gap:10px;color:inherit;font-weight:800;letter-spacing:-.02em}.duely-logo img{width:auto;object-fit:contain;display:block;flex:0 0 auto}.duely-logo--wordmark img,.duely-logo--mark img{height:56px}.duely-logo span{font-size:18px;color:inherit}.mobile-logo .duely-logo{background:#fff;border-radius:10px;padding:5px 8px}.sidebar-logo .duely-logo--wordmark img{height:56px}.mobile-logo .duely-logo--wordmark img{height:44px}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:500;transition:all .15s}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;box-shadow:0 8px 20px #2563eb4d}.nav-icon{font-size:18px}.sidebar-user{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.user-name{font-weight:600;font-size:14px}.user-email{font-size:12px;color:var(--gray-400);margin-top:2px}.logout-btn{font-size:13px;color:var(--gray-400);margin-top:10px;padding:0;background:none;border:none}.logout-btn:hover{color:#fff}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:var(--header-h);background:var(--gray-800);color:#fff;position:fixed;top:0;left:0;right:0;z-index:200}@media (min-width: 768px){.mobile-header{display:none}}.mobile-logo{font-size:18px;font-weight:700}.hamburger{background:none;border:none;color:#fff;padding:8px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300}.mobile-menu{position:absolute;top:0;right:0;bottom:0;width:260px;background:var(--gray-800);display:flex;flex-direction:column;padding:20px 12px;gap:4px;animation:menuSlideIn .22s cubic-bezier(.16,1,.3,1) both}@keyframes menuSlideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.mobile-menu{animation:none}}.main-content{flex:1;min-width:0;min-height:100vh;padding:var(--header-h) 0 0 0}@media (min-width: 768px){.main-content{margin-left:var(--sidebar-w);padding:0}}.page-container{max-width:1100px;margin:0 auto;padding:24px 16px 80px}@media (min-width: 640px){.page-container{padding:32px 24px 80px}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header h2{font-size:23px;font-weight:750;color:var(--gray-800);letter-spacing:-.025em}.page-header p{color:var(--gray-600);font-size:14px;margin-top:2px}.header-left{display:flex;flex-direction:column;gap:8px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:650;border:none;transition:all .15s;min-height:44px;text-decoration:none;box-shadow:0 1px 2px #1d4ed84d,0 6px 16px #2563eb38}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--gray-800);padding:10px 20px;border-radius:10px;font-size:14px;font-weight:650;border:1.5px solid var(--gray-200);transition:all .15s;min-height:44px;box-shadow:0 1px 2px #0f172a0d}.btn-secondary:hover{border-color:var(--blue-light);color:var(--blue);transform:translateY(-1px)}.btn-ghost{background:none;border:none;color:var(--gray-600);font-size:14px;padding:8px 12px;border-radius:8px;transition:all .15s;min-height:44px}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-danger{display:inline-flex;align-items:center;background:var(--red-pale);color:var(--red);border:1.5px solid #fecaca;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;min-height:44px}.btn-danger:hover{background:#fee2e2}.settings-footer{display:flex;justify-content:center;margin:28px 0 8px}.delete-account-link{font-size:13px;font-weight:500;color:var(--red);opacity:.75;text-decoration:none;padding:6px 10px;border-radius:6px;transition:opacity .15s,background .15s;display:inline-flex;align-items:center;min-height:44px}.delete-account-link:hover{opacity:1;background:var(--red-pale)}.btn-success{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;min-height:44px}.btn-success:hover{background:#15803d}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;background:#25d366;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;min-height:44px}.btn-icon{background:none;border:none;color:var(--gray-400);font-size:16px;padding:6px;border-radius:6px;min-width:32px;min-height:32px}.btn-icon:hover{background:var(--red-pale);color:var(--red)}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;min-height:44px}.apex-chart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.apex-chart-title h3{font-size:15px;font-weight:700;color:var(--gray-800);margin:0 0 2px}.chart-range-pills{display:flex;gap:8px;margin-bottom:4px}.chart-range-pill{padding:7px 20px;border-radius:20px;border:1.5px solid var(--gray-200);background:#fff;color:var(--gray-600);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;min-height:36px}.chart-range-pill.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 2px 8px #1e40af2e}.chart-range-pill:hover:not(.active){border-color:var(--blue-light);color:var(--blue)}.chart-header-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--gray-100)}.chart-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.chart-range-control{display:flex;flex-direction:column;gap:4px}.chart-range-control span{color:var(--gray-600);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.chart-toggle{display:inline-flex;padding:4px;border:1px solid var(--gray-200);border-radius:10px;background:var(--gray-50);gap:4px}.chart-toggle button{min-height:36px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--gray-600);font-size:13px;font-weight:700}.chart-toggle button.active{background:#fff;color:var(--blue);box-shadow:var(--shadow)}.chart-toggle button:hover{color:var(--blue)}.ec-title{font-size:16px;font-weight:700;color:var(--gray-800);margin:0 0 12px}.ec-row-2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.earnings-chart-wrap{position:relative;height:300px;width:100%}.ec-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.ec-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gray-600)}.ec-legend-item i{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.chart-empty{display:flex;align-items:center;justify-content:center;height:260px;color:var(--gray-400);font-size:14px;text-align:center;padding:0 20px}.full{width:100%}.card{background:#fff;border:1px solid #e7ecf3;border-radius:var(--radius);padding:20px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0d;margin-bottom:16px}.card h3{font-size:15px;font-weight:700;color:var(--gray-800);margin-bottom:16px;letter-spacing:-.01em}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{margin-bottom:0}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--gray-600)}.field input,.field select,.field textarea{width:100%;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:16px;background:#fff;color:var(--gray-800);transition:border-color .15s;min-height:44px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue-light);box-shadow:0 0 0 3px #3b82f61a}.field textarea{min-height:88px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.field-grid{grid-template-columns:1fr 1fr}}.field.full{grid-column:1 / -1}.hint{font-size:12px;color:var(--gray-400)}.alert{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px}.alert.error{background:var(--red-pale);color:var(--red);border:1px solid #fecaca}.alert.success{background:var(--green-pale);color:var(--green);border:1px solid #bbf7d0}.pro-badge{display:inline-block;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;vertical-align:middle;cursor:help}.pro-lock{position:relative;overflow:hidden;min-height:250px}.pro-lock-content{opacity:.35;filter:grayscale(.6);pointer-events:none;-webkit-user-select:none;user-select:none;height:100%}.pro-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px}.pro-lock-message{max-width:340px;max-height:calc(100% - 24px);overflow:auto;text-align:center;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:16px;box-shadow:0 6px 20px #0f172a1f}.pro-lock-message p{margin:8px 0;font-size:14px}.pro-lock--compact{min-height:170px}.pro-lock--compact .pro-lock-message{padding:10px 12px}.pro-lock--compact .pro-lock-message p{margin:4px 0;font-size:13px}.plan-test-switch{margin-top:16px;padding-top:14px;border-top:1px dashed var(--gray-200)}.plan-test-switch .hint{margin-bottom:8px}.plan-switch{margin-top:16px;padding-top:14px;border-top:1px solid var(--gray-200)}.plan-switch .hint{margin-bottom:8px}.plan-team-hint{margin-top:10px}.trial-tag{display:inline-block;width:fit-content;margin-bottom:10px;padding:5px 11px;border-radius:999px;background:#b45309;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.1em;white-space:nowrap}.team-seats{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.team-seats h3{margin:0 0 4px}.team-seat-pill{padding:6px 12px;border-radius:999px;background:var(--blue-soft, rgba(37, 99, 235, .12));color:var(--blue, #2563eb);font-size:13px;font-weight:700;white-space:nowrap}.team-seat-pill.is-full{background:#dc26261f;color:#dc2626}.team-invite-form{display:flex;align-items:flex-end;gap:12px;margin-top:18px;flex-wrap:wrap}.team-invite-form .field{flex:1 1 240px;margin:0}.team-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px}.team-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-200);flex-wrap:wrap}.team-list li:last-child{border-bottom:none}.team-email{display:block;font-size:13px;color:var(--gray-500);margin-top:2px}.team-you{margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--gray-100);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.team-row-end{display:flex;align-items:center;gap:12px}.team-role{font-size:12px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.team-role.is-owner{color:var(--blue, #2563eb)}.team-remove{background:none;border:1px solid var(--gray-200);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--gray-500);cursor:pointer}.team-remove:hover{border-color:#dc2626;color:#dc2626}.team-remove.is-confirming{border-color:#dc2626;background:#dc2626;color:#fff}.customer-list li{align-items:flex-start}.customer-details{display:flex;flex-direction:column;min-width:0}.customer-details .team-email{display:flex;align-items:center;gap:6px;word-break:break-word}.customer-usage{margin-top:6px;font-size:12px;font-weight:600;color:var(--gray-400)}.customer-edit{width:100%}.customer-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px}.customer-fields .field.full{grid-column:1 / -1}.customer-fields textarea{min-height:64px}.customer-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.visibility-choice{display:grid;gap:12px;margin-top:14px}.visibility-choice label{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--gray-200);border-radius:12px;cursor:pointer}.visibility-choice label.is-chosen{border-color:var(--blue, #2563eb);background:var(--blue-soft, rgba(37, 99, 235, .06))}.visibility-choice input{margin-top:3px;flex:none}.visibility-choice span{display:block;font-size:14px;color:var(--gray-500);line-height:1.5}.visibility-choice strong{display:block;color:var(--gray-800);margin-bottom:2px}.nav-link .pro-badge{margin-left:auto;font-size:9px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-paid{background:var(--green-pale);color:var(--green)}.badge-unpaid{background:var(--amber-pale);color:var(--amber)}.badge-overdue{background:var(--red-pale);color:var(--red)}.badge-draft{background:#f1f5f9;color:#64748b}.badge-sent{background:#e0f2fe;color:#0369a1}.quote-header-band{display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;padding:20px 24px;border-radius:10px;margin-bottom:24px}.quote-title-text{font-size:28px;font-weight:700;letter-spacing:2px}.inv-footer-note{font-size:11px;color:var(--gray-400);text-align:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--gray-100)}.convert-card{text-align:center;padding:24px!important;border:2px solid #7c3aed!important}.convert-card.converted{border-color:var(--green)!important}.convert-icon{font-size:36px;margin-bottom:8px}.convert-card h3{margin-bottom:6px}.convert-card .hint{margin-bottom:16px}.btn-convert{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border:none;cursor:pointer;transition:opacity .15s;min-height:48px}.btn-convert:hover{opacity:.9}.btn-convert:disabled{opacity:.6;cursor:not-allowed}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);padding:20px}.auth-card{background:#fff;border-radius:16px;padding:36px 28px;width:100%;max-width:420px;box-shadow:var(--shadow-md)}.auth-logo{display:flex;justify-content:center;margin-bottom:10px}.auth-logo .duely-logo--mark img{height:88px;width:auto}.auth-card h1{text-align:center;font-size:28px;font-weight:800;color:#0f2a44;letter-spacing:-.04em}.auth-sub{text-align:center;color:var(--gray-600);font-size:14px;margin-bottom:24px;margin-top:4px}.auth-card form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.auth-switch{text-align:center;margin-top:20px;font-size:14px;color:var(--gray-600)}.auth-switch a{color:var(--blue);font-weight:600}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.label-link{font-size:13px;font-weight:600;color:var(--blue);white-space:nowrap}.label-link:hover{text-decoration:underline}.google-signin{margin-top:20px}.google-signin-button{display:flex;justify-content:center;min-height:44px}.google-signin .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.google-signin-divider{display:flex;align-items:center;gap:12px;margin:20px 0 4px;color:var(--gray-400);font-size:13px}.google-signin-divider:before,.google-signin-divider:after{content:"";flex:1;height:1px;background:var(--gray-200, #e2e8f0)}body[data-theme=dark] .google-signin-divider:before,body[data-theme=dark] .google-signin-divider:after{background:#94a3b840}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media (min-width: 900px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}.stat-card.paid{border-left:4px solid var(--green)}.stat-card.unpaid{border-left:4px solid var(--amber)}.stat-card.overdue{border-left:4px solid var(--red)}.stat-card.monthly{border-left:4px solid var(--blue-light)}.stat-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:currentColor;flex-shrink:0}.stat-icon svg{color:#fff}.stat-card.paid .stat-icon{color:#16a34a}.stat-card.unpaid .stat-icon{color:#d97706}.stat-card.overdue .stat-icon{color:#dc2626}.stat-card.monthly .stat-icon{color:#2563eb}.stat-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-400)}.stat-value{font-size:20px;font-weight:700;color:var(--gray-800);margin-top:2px}.stat-sub{font-size:12px;color:var(--gray-400)}.chart-card{margin-bottom:16px}.chart-empty{color:var(--gray-400);font-size:14px;text-align:center;padding:40px 0}.filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:20px;border:1.5px solid var(--gray-200);font-size:13px;font-weight:600;background:#fff;color:var(--gray-600);cursor:pointer;transition:all .15s;min-height:40px}.tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.tab:hover:not(.active){border-color:var(--blue-light);color:var(--blue)}.search-input{flex:1;min-width:200px;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:16px;min-height:44px}.search-input:focus{outline:none;border-color:var(--blue-light)}.invoice-list{display:flex;flex-direction:column;gap:8px}.invoice-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:10px;padding:16px;box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .15s,transform .15s;text-decoration:none;color:inherit}.invoice-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.inv-card-left{display:flex;flex-direction:column;gap:2px}.inv-number{font-size:13px;font-weight:700;color:var(--blue)}.inv-customer{font-size:15px;font-weight:600}.inv-date{font-size:12px;color:var(--gray-400)}.inv-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.inv-amount{font-size:17px;font-weight:700}.empty-state{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state.small{padding:32px 20px}.empty-icon{font-size:48px}.invoice-form{display:flex;flex-direction:column;gap:16px}.items-table{display:flex;flex-direction:column;gap:0}.items-header{display:grid;grid-template-columns:1fr 80px 110px 100px 36px;gap:8px;padding:8px 0;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--gray-400);letter-spacing:.5px}@media (max-width: 639px){.items-header{display:none}}.items-row{display:grid;grid-template-columns:1fr 80px 110px 100px 36px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-100)}.items-row input{padding:8px 10px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;min-height:40px;width:100%}.items-row input:focus{outline:none;border-color:var(--blue-light)}.amount-cell{font-weight:600;text-align:right;white-space:nowrap}.price-input-wrap{display:flex;align-items:center;border:1.5px solid var(--gray-200);border-radius:8px;overflow:hidden;background:#fff;min-height:40px}.price-input-wrap:focus-within{border-color:var(--blue-light)}.price-sym{padding:0 8px;font-size:14px;font-weight:600;color:var(--gray-500);background:var(--gray-50);border-right:1.5px solid var(--gray-200);line-height:40px;white-space:nowrap;-webkit-user-select:none;user-select:none}.price-input{border:none!important;border-radius:0!important;flex:1;padding:8px 10px!important}.price-input:focus{outline:none;border:none!important;box-shadow:none}.totals-summary{margin-top:16px;margin-left:auto;width:240px;display:flex;flex-direction:column;gap:8px}.totals-row-sm{display:flex;justify-content:space-between;font-size:14px;color:var(--gray-600)}.totals-row-total{display:flex;justify-content:space-between;font-size:18px;font-weight:700;color:var(--blue);padding-top:8px;border-top:2px solid var(--blue)}.tax-select{padding:4px 8px;border:1px solid var(--gray-200);border-radius:6px;font-size:13px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.detail-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media (min-width: 900px){.detail-grid{grid-template-columns:1fr 320px}}.invoice-preview-card{padding:28px}.inv-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.inv-biz-logo{max-width:140px;max-height:70px;object-fit:contain}.inv-biz-info{text-align:right}.inv-biz-name{font-size:18px;font-weight:700;color:var(--blue)}.inv-biz-sub{font-size:12px;color:var(--gray-600);line-height:1.6}.inv-preview-meta{display:flex;justify-content:space-between;gap:24px;margin-bottom:24px}.inv-meta-block{display:flex;flex-direction:column;gap:2px}.inv-meta-block.right{text-align:right}.inv-meta-block label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gray-400);letter-spacing:.5px;margin-bottom:4px}.inv-meta-block strong{font-size:15px;font-weight:700}.inv-meta-block span{font-size:13px;color:var(--gray-600)}.inv-job-desc{margin-bottom:20px}.inv-job-desc label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gray-400);letter-spacing:.5px;display:block;margin-bottom:4px}.inv-job-desc p{font-size:14px;color:var(--gray-600)}.inv-items-table{width:100%;border-collapse:collapse;margin-bottom:16px}.inv-items-table th{padding:10px 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gray-400);background:var(--gray-50);text-align:left}.inv-items-table th:last-child,.inv-items-table td:last-child{text-align:right}.inv-items-table td{padding:12px;border-bottom:1px solid var(--gray-100);font-size:14px}.inv-totals{margin-left:auto;width:220px;margin-bottom:20px}.inv-total-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:var(--gray-600);border-bottom:1px solid var(--gray-100)}.inv-total-row.grand{font-size:18px;font-weight:700;color:var(--blue);border-top:2px solid var(--blue);border-bottom:none;padding-top:10px}.inv-bank-details{background:var(--gray-50);border-radius:8px;padding:16px;margin-bottom:16px}.inv-bank-details label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gray-400);letter-spacing:.5px;display:block;margin-bottom:10px}.bank-grid{display:flex;gap:24px;flex-wrap:wrap}.bank-grid div{display:flex;flex-direction:column;gap:2px}.bank-grid span{font-size:11px;color:var(--gray-400)}.bank-grid strong{font-size:14px}.inv-notes{background:var(--amber-pale);border-left:3px solid var(--amber);padding:14px;border-radius:0 8px 8px 0}.inv-notes label{font-size:11px;font-weight:700;text-transform:uppercase;color:#92400e;display:block;margin-bottom:6px}.inv-notes p{font-size:14px;color:#92400e}.status-actions,.pdf-actions,.channel-select{display:flex;flex-direction:column;gap:8px}.channel-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1.5px solid var(--gray-200);cursor:pointer;font-size:14px;transition:all .15s;background:#fff}.channel-chip input{display:none}.channel-chip.active{border-color:var(--blue);background:var(--blue-pale);color:var(--blue);font-weight:600}.channel-chip.disabled{opacity:.5;cursor:not-allowed}.send-results{margin-top:10px;display:flex;flex-direction:column;gap:6px}.send-result-item{font-size:13px;padding:6px 10px;border-radius:6px}.send-result-item.success{background:var(--green-pale);color:var(--green)}.send-result-item.error{background:var(--red-pale);color:var(--red)}.reminders-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.reminder-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-100)}.reminder-info{display:flex;flex-direction:column;gap:3px}.reminder-title{font-size:13px;font-weight:600;color:var(--gray-700)}.reminder-meta{color:var(--gray-400);font-size:12px}.reminder-form{border-top:1px solid var(--gray-100);padding-top:14px;display:flex;flex-direction:column;gap:12px}.reminder-fields{display:flex;flex-direction:column;gap:10px}.reminder-field{display:flex;flex-direction:column;gap:4px}.reminder-field>label{font-size:12px;font-weight:600;color:var(--gray-500)}.reminder-field>select{padding:8px 10px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;min-height:40px;background:#fff}.reminder-field>select:focus{outline:none;border-color:var(--blue-light)}.reminder-channel-static{display:inline-flex;align-items:center;align-self:flex-start;min-height:40px;padding:8px 14px;border-radius:8px;border:1.5px solid var(--gray-200);background:var(--gray-50);color:var(--gray-600);font-size:14px;font-weight:600}.reminder-input-row{display:flex;gap:8px;align-items:center}.reminder-input-row input{width:72px;padding:8px 10px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;text-align:center;min-height:40px}.reminder-input-row input:focus{outline:none;border-color:var(--blue-light)}.reminder-input-row select{flex:1;padding:8px 10px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;min-height:40px;background:#fff}.reminder-input-row select:focus{outline:none;border-color:var(--blue-light)}.reminder-unit{font-size:14px;color:var(--gray-500)}.reminder-actions{display:flex;gap:8px}.reminder-actions .btn-primary,.reminder-actions .btn-secondary{flex:1}.settings-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.settings-grid{grid-template-columns:280px 1fr;align-items:start}}.settings-form{display:flex;flex-direction:column;gap:0}.settings-form .field{margin-bottom:16px}.settings-panel{border:1px solid var(--gray-200);border-radius:10px;margin-bottom:12px}.settings-panel.is-open{border-color:var(--blue-light)}.settings-form .settings-panel__head{margin-top:0!important;margin-bottom:0}.settings-panel__trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:13px 16px;border:0;border-radius:10px;background:none;font:inherit;text-align:left;cursor:pointer}.settings-panel__trigger:hover{background:var(--gray-50)}.settings-panel__trigger:focus-visible{outline:2px solid var(--blue-light);outline-offset:-2px}.settings-panel__title{font-size:15px;font-weight:700;color:var(--gray-800);letter-spacing:-.01em}.settings-panel__summary{flex:1;min-width:0;font-size:12.5px;font-weight:500;color:var(--gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-panel__chevron{margin-left:auto;flex-shrink:0;width:7px;height:7px;border-right:2px solid var(--gray-400);border-bottom:2px solid var(--gray-400);transform:rotate(45deg);transition:transform .15s}.settings-panel.is-open .settings-panel__chevron{transform:rotate(-135deg)}.settings-panel__body{padding:2px 16px 4px}.numbering-preview{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:12px 14px;margin-bottom:16px;border:1px solid var(--gray-200);border-radius:10px;background:var(--gray-50)}.numbering-preview__label{font-size:12.5px;font-weight:500;color:var(--gray-600)}.numbering-preview__value{font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--gray-800);font-variant-numeric:tabular-nums}.payee-type{border:0;padding:0;margin:0 0 16px}.payee-type legend{padding:0;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--gray-600)}.payee-type__options{display:flex;gap:8px;flex-wrap:wrap}.payee-type__option{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:600;color:var(--gray-600);cursor:pointer}.payee-type__option.is-selected{border-color:var(--blue-light);background:var(--blue-pale);color:var(--blue)}.payee-type__option input{flex:none;min-height:0;width:auto}.payee-type__option:focus-within{outline:2px solid var(--blue-light);outline-offset:1px}@media (prefers-reduced-motion: reduce){.settings-panel__chevron{transition:none}}.logo-upload-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}.logo-preview{max-width:160px;max-height:80px;object-fit:contain;border-radius:8px}.logo-placeholder-box{width:160px;height:80px;background:var(--blue-pale);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:36px;gap:4px}.logo-placeholder-box img{width:40px;height:auto;object-fit:contain;opacity:.55}.logo-placeholder-box span{font-size:12px;color:var(--gray-400)}.logo-requirements{align-self:stretch;margin:4px 0 0;padding-left:18px;list-style:disc;font-size:12.5px;line-height:1.55;color:var(--gray-400)}.logo-requirements li+li{margin-top:5px}.logo-requirements strong{color:var(--gray-600);font-weight:650}body[data-theme=dark] .logo-requirements strong{color:#cbd5e1}.loading{padding:40px;text-align:center;color:var(--gray-400);font-size:16px}.loading.full{min-height:100vh;display:flex;align-items:center;justify-content:center}.pdf-dropzone{border:2.5px dashed var(--gray-200);border-radius:14px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.pdf-dropzone:hover,.pdf-dropzone.drag-over{border-color:var(--blue);background:var(--blue-pale)}.pdf-dropzone.parsing{cursor:default;border-color:var(--gray-200);background:var(--gray-50)}.dropzone-icon{font-size:52px;line-height:1}.dropzone-spinner{font-size:40px;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dropzone-title{font-size:18px;font-weight:700;color:var(--gray-700);margin:0}.dropzone-hint{font-size:14px;color:var(--gray-400);margin:0}.import-banner{display:flex;justify-content:space-between;align-items:center;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;color:#15803d}.landing-page{--landing-bg: #f7f9ff;--landing-ink: #08111f;--landing-muted: #5b677a;--landing-line: rgba(15, 23, 42, .1);--landing-blue: #2157ff;--landing-cyan: #39d5ff;--landing-violet: #7c3aed;--landing-radius-xl: 32px;--landing-radius-lg: 24px;--landing-shadow: 0 24px 80px rgba(15, 23, 42, .16);min-height:100vh;color:var(--landing-ink);background:radial-gradient(circle at 12% 0%,rgba(57,213,255,.22),transparent 34rem),radial-gradient(circle at 92% 12%,rgba(124,58,237,.18),transparent 30rem),linear-gradient(180deg,#fbfdff 0%,var(--landing-bg) 46%,#ffffff 100%);position:relative;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.32;z-index:0;background-image:radial-gradient(rgba(8,17,31,.12) .6px,transparent .6px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.landing-nav,.landing-hero,.landing-section,.landing-footer{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin-inline:auto}.landing-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}.landing-brand{display:inline-flex;align-items:center}.landing-brand .duely-logo--wordmark img{height:48px;width:auto}.landing-nav nav,.landing-nav-actions{display:none;align-items:center;gap:8px;color:#08111fa8;font-size:14px;font-weight:700}.landing-nav nav{padding:8px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:#ffffff8c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-nav nav a,.landing-nav-actions a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;transition:transform .18s ease,background .18s ease,color .18s ease}.landing-nav nav a:hover,.landing-nav-actions a:hover{color:var(--landing-ink);background:#ffffffb8;transform:translateY(-1px)}.landing-nav-cta{color:#fff!important;background:#08111f;box-shadow:0 10px 24px #08111f2e}.landing-nav-cta:hover{background:#172033!important}.landing-hero{min-height:calc(100vh - 76px);display:grid;align-items:center;gap:42px;padding:42px 0 86px}.hero-orb{position:absolute;border-radius:999px;filter:blur(28px);opacity:.58;pointer-events:none;animation:orbFloat 9s ease-in-out infinite}.hero-orb--one{width:16rem;height:16rem;background:#39d5ff;top:8%;left:-8%}.hero-orb--two{width:18rem;height:18rem;background:#7c3aed;right:-10%;bottom:14%;animation-delay:-3s}@keyframes orbFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-18px,0) scale(1.04)}}.landing-hero__copy{max-width:760px;text-align:center;margin-inline:auto}.landing-badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 14px;border-radius:999px;color:#12306f;background:linear-gradient(135deg,#ffffffdb,#e8f1ffb8);border:1px solid rgba(64,115,255,.22);box-shadow:0 12px 32px #2157ff1f,inset 0 1px #ffffffe6;font-size:13px;font-weight:800;letter-spacing:-.01em}.landing-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--landing-blue),var(--landing-cyan));box-shadow:0 0 0 6px #39d5ff21}.landing-hero h1{margin-top:24px;max-width:980px;margin-inline:auto}.landing-hero p{max-width:720px;margin:24px auto 0;color:var(--landing-muted);font-size:clamp(1.05rem,2.6vw,1.32rem);line-height:1.7;letter-spacing:-.025em}.landing-hero__actions{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.landing-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-size:15px;font-weight:850;letter-spacing:-.015em;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.landing-btn:hover{transform:translateY(-2px)}.landing-btn--primary{color:#fff;background:linear-gradient(135deg,#08111f,#1d3b8f 58%,#2157ff);box-shadow:0 18px 46px #2157ff47,inset 0 1px #ffffff2e}.landing-btn--secondary{color:#101827;background:#ffffffb8;border:1px solid rgba(15,23,42,.1);box-shadow:0 12px 30px #0f172a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-proof{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-proof span{color:#08111f9e;background:#fff9;border:1px solid rgba(15,23,42,.08);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.landing-hero__visual{position:relative;width:min(1040px,100%);margin:20px auto 0;perspective:1400px}.floating-invoice{width:min(360px,72vw);position:absolute;right:2%;bottom:-36px;transform:rotate(-4deg);animation:cardFloat 6s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(-3deg)}}.dashboard-mockup,.invoice-mockup{border:1px solid rgba(255,255,255,.78);background:linear-gradient(135deg,#ffffffdb,#eef4ffb8);box-shadow:var(--landing-shadow),inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.dashboard-mockup{display:grid;grid-template-columns:74px 1fr;min-height:420px;border-radius:var(--landing-radius-xl);overflow:hidden;transform:rotateX(2deg)}.mockup-sidebar{padding:24px 14px;background:#08111feb;display:flex;flex-direction:column;align-items:center;gap:18px}.mockup-sidebar .duely-logo{background:#fff;border-radius:14px;padding:6px}.mockup-sidebar .duely-logo--mark img{height:36px;width:auto}.mockup-sidebar>span{width:34px;height:34px;border-radius:12px;background:#ffffff1f}.mockup-sidebar>span.active{background:linear-gradient(135deg,var(--landing-blue),var(--landing-cyan))}.mockup-main{padding:22px;display:flex;flex-direction:column;gap:16px}.mockup-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mockup-header small,.metric-grid small{display:block;color:var(--landing-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.mockup-header strong{display:block;margin-top:2px;font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.04em}.mockup-header span{color:#067647;background:#16a34a1a;border:1px solid rgba(22,163,74,.18);border-radius:999px;padding:8px 12px;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-grid div{background:#ffffffb8;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:16px}.metric-grid strong{display:block;margin-top:6px;font-size:clamp(1.15rem,2.4vw,1.7rem);letter-spacing:-.05em}.chart-card{flex:1;min-height:180px;border-radius:24px;padding:24px;display:flex;align-items:flex-end;gap:12px;background:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(135deg,#2157ff1f,#39d5ff14);background-size:100% 25%,16.66% 100%,100% 100%;border:1px solid rgba(15,23,42,.08)}.chart-card i{flex:1;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,#39d5ff,#2157ff 72%,#102a76);box-shadow:0 10px 22px #2157ff2e;animation:barRise .9s ease both}.chart-card i:nth-child(2){animation-delay:80ms}.chart-card i:nth-child(3){animation-delay:.16s}.chart-card i:nth-child(4){animation-delay:.24s}.chart-card i:nth-child(5){animation-delay:.32s}.chart-card i:nth-child(6){animation-delay:.4s}.chart-card i:nth-child(7){animation-delay:.48s}@keyframes barRise{0%{transform:scaleY(.35);opacity:.45}to{transform:scaleY(1);opacity:1}}.invoice-mockup{border-radius:24px;padding:10px}.mockup-topbar{height:30px;display:flex;align-items:center;gap:6px;padding:0 8px}.mockup-topbar span{width:8px;height:8px;border-radius:50%;background:#0f172a2e}.invoice-paper{background:#fff;border-radius:18px;padding:20px;box-shadow:inset 0 0 0 1px #0f172a0f}.invoice-paper__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.invoice-paper__head strong{display:block;letter-spacing:-.03em}.invoice-paper__head small{display:block;color:var(--landing-muted);margin-top:3px}.invoice-paper__head b{color:var(--landing-blue);font-size:1.35rem}.invoice-status-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0;color:var(--landing-muted);font-size:13px;font-weight:700}.status-chip{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.status-chip--paid{color:#067647;background:#16a34a1a}.invoice-line{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;border-top:1px solid rgba(15,23,42,.07)}.invoice-line i{height:10px;border-radius:999px;background:linear-gradient(90deg,#2157ff2e,#39d5ff47)}.invoice-line strong{font-size:13px}.landing-section{padding:92px 0}.landing-section-intro{max-width:720px}.landing-section-intro>span{color:var(--landing-blue);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.landing-section-intro h2{margin-top:12px;font-family:var(--landing-display, Inter, sans-serif);font-size:clamp(1.9rem,3.8vw,3.4rem);line-height:1.08;letter-spacing:-.018em;font-weight:700}.landing-section-intro p{margin-top:18px;color:var(--landing-muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.75;letter-spacing:-.02em}.benefits-editorial,.signin-explainer__grid{margin-top:38px;display:grid;grid-template-columns:1fr;gap:16px}.signin-explainer__grid article{border:1px solid rgba(255,255,255,.78);background:#ffffffb8;box-shadow:0 22px 60px #0f172a14,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:var(--landing-radius-lg, 20px);padding:clamp(22px,3vw,30px)}.signin-explainer__grid h3{font-size:17px;font-weight:700;margin-bottom:10px}.signin-explainer__grid p{font-size:15px;line-height:1.65}.signin-explainer__grid a{color:var(--blue);font-weight:600;text-decoration:underline}@media (min-width: 860px){.signin-explainer__grid{grid-template-columns:repeat(3,1fr)}}.benefit-featured,.benefit-list article,.final-cta__card{border:1px solid rgba(255,255,255,.78);background:#ffffffb8;box-shadow:0 22px 60px #0f172a14,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.benefit-featured{min-height:390px;border-radius:var(--landing-radius-xl);padding:clamp(28px,4vw,44px);background:radial-gradient(circle at 100% 0%,rgba(57,213,255,.24),transparent 22rem),linear-gradient(135deg,#ffffffdb,#e9f0ffbd);position:relative;overflow:hidden}.benefit-featured>span,.benefit-list article b{color:#2157ff38;font-size:4.6rem;font-weight:950;letter-spacing:-.09em;line-height:.8}.benefit-featured h3,.benefit-list h3{margin-top:22px;font-size:clamp(1.65rem,3vw,2.55rem);letter-spacing:-.06em;line-height:1}.benefit-featured p,.benefit-list p{margin-top:14px;color:var(--landing-muted);line-height:1.75;font-size:1rem}.reminder-stack{position:absolute;left:clamp(22px,4vw,44px);right:clamp(22px,4vw,44px);bottom:clamp(22px,4vw,44px);border-radius:22px;padding:18px;background:#08111feb;color:#fff;box-shadow:0 18px 38px #08111f38}.reminder-stack b,.reminder-stack small{display:block}.reminder-stack small{margin-top:3px;color:#ffffff94}.benefit-list{display:grid;gap:16px}.benefit-list article{border-radius:24px;padding:24px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.benefit-list article:hover{transform:translateY(-4px);box-shadow:0 24px 70px #0f172a1f}.benefit-list article>span{color:var(--landing-blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.benefit-list h3{font-size:1.28rem}.benefit-list article b{position:absolute;right:18px;bottom:10px;font-size:3.2rem}.showcase-section{width:min(1240px,calc(100% - 20px));padding:26px;border-radius:40px;background:linear-gradient(135deg,#07101f,#111a2e 46%,#10265f);box-shadow:0 30px 90px #08111f47;color:#fff}.showcase-grid{display:grid;gap:34px;align-items:center}.showcase-section .landing-section-intro>span{color:#7dd3fc}.showcase-section .landing-section-intro p{color:#ffffff9e}.showcase-section .landing-section-intro h2{color:#fff}.showcase-points{margin-top:30px;display:grid;gap:14px}.showcase-point{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09)}.showcase-point i{width:12px;height:12px;border-radius:50%;margin-top:6px;background:linear-gradient(135deg,#39d5ff,#2157ff);box-shadow:0 0 0 7px #39d5ff14;flex:0 0 auto}.showcase-point strong{display:block;color:#fff}.showcase-point p{margin-top:3px;color:#ffffff94;line-height:1.55}.product-stage{position:relative}.product-stage .dashboard-mockup{min-height:390px;box-shadow:0 22px 70px #00000057}.quote-strip{margin:-28px auto 0;width:min(440px,90%);position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:18px 20px;border-radius:22px;color:#08111f;background:#ffffffe6;border:1px solid rgba(255,255,255,.75);box-shadow:0 24px 60px #0000003d}.quote-strip span{color:var(--landing-muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.quote-strip strong{grid-row:2;letter-spacing:-.03em}.quote-strip em{grid-row:1 / span 2;align-self:center;color:#067647;background:#16a34a1a;border-radius:999px;padding:8px 12px;font-style:normal;font-weight:900}.workflow-section .landing-section-intro{margin-inline:auto;text-align:center}.workflow-rail{margin-top:44px;display:grid;grid-template-columns:1fr;gap:14px;position:relative}.workflow-rail article{position:relative;padding:24px;border-radius:26px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 48px #0f172a12}.workflow-rail span{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;color:#fff;font-weight:950;background:linear-gradient(135deg,var(--landing-blue),var(--landing-cyan));box-shadow:0 14px 30px #2157ff38}.workflow-rail h3{margin-top:22px;font-size:1.22rem;letter-spacing:-.04em}.workflow-rail p{margin-top:10px;color:var(--landing-muted);line-height:1.65}.final-cta{padding-top:60px}.final-cta__card{max-width:960px;margin-inline:auto;text-align:center;border-radius:40px;padding:clamp(34px,7vw,78px) clamp(22px,5vw,72px);background:radial-gradient(circle at 50% 0%,rgba(57,213,255,.28),transparent 24rem),linear-gradient(135deg,#ffffffe6,#eff5ffd6)}.final-cta h2{margin-top:20px;font-family:var(--landing-display, Inter, sans-serif);font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.08;letter-spacing:-.018em}.final-cta p{max-width:640px;margin:20px auto 0;color:var(--landing-muted);font-size:1.12rem;line-height:1.75}.landing-footer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:18px;padding:30px 0 46px;color:#08111f94;font-size:14px;font-weight:750}.landing-footer .duely-logo--wordmark img{height:44px;width:auto}.landing-footer>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.landing-footer a{min-height:40px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px}.landing-footer a:hover{background:#0f172a0f;color:var(--landing-ink)}@media (min-width: 720px){.landing-nav nav,.landing-nav-actions{display:flex}.landing-hero{padding-top:64px}.benefits-editorial{grid-template-columns:.95fr 1.35fr}.benefit-list{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:.85fr 1.15fr}.workflow-rail{grid-template-columns:repeat(4,1fr)}.workflow-rail:before{content:"";position:absolute;left:8%;right:8%;top:45px;height:1px;background:linear-gradient(90deg,transparent,rgba(33,87,255,.28),transparent)}.workflow-rail article{padding:22px}.landing-footer{flex-direction:row}}@media (max-width: 719px){.landing-nav{align-items:center}.landing-nav-actions{display:flex}.landing-nav-actions>a:first-child{display:none}.landing-nav-cta{min-height:40px;padding:8px 13px!important}.landing-hero{min-height:auto}.dashboard-mockup{grid-template-columns:54px 1fr;min-height:340px;border-radius:26px}.mockup-sidebar{padding:18px 9px}.mockup-sidebar>span{width:28px;height:28px;border-radius:10px}.mockup-main{padding:14px}.metric-grid{grid-template-columns:1fr}.metric-grid div:nth-child(n+3){display:none}.chart-card{min-height:132px;padding:16px;gap:8px}.floating-invoice{position:relative;right:auto;bottom:auto;margin:-34px auto 0;width:min(330px,88vw)}.benefit-featured{min-height:420px}.showcase-section{border-radius:30px;padding:22px}}@media (prefers-reduced-motion: reduce){.hero-orb,.floating-invoice,.chart-card i{animation:none}.landing-btn,.landing-nav nav a,.landing-nav-actions a,.benefit-list article{transition:none}}@media (min-width: 980px){.landing-nav,.landing-hero,.landing-section,.landing-footer{width:min(1440px,calc(100% - 72px))}.landing-hero{min-height:calc(100vh - 76px);grid-template-columns:minmax(520px,.92fr) minmax(560px,1.08fr);gap:clamp(40px,6vw,96px);align-items:center;padding:58px 0 112px}.landing-hero__copy{max-width:760px;text-align:left;margin-inline:0}.landing-hero h1{max-width:760px;margin-inline:0}.landing-hero p{margin-left:0;margin-right:0;max-width:660px}.landing-hero__actions,.hero-proof{justify-content:flex-start}.landing-hero__visual{width:100%;margin:0;transform:translate(10px)}.landing-hero__visual .dashboard-mockup{min-height:clamp(480px,44vw,650px)}.floating-invoice{right:-18px;bottom:-54px;width:min(410px,34vw)}.benefits-section,.workflow-section,.final-cta,.landing-footer{width:min(1320px,calc(100% - 72px))}.benefits-editorial{grid-template-columns:minmax(430px,.9fr) minmax(620px,1.35fr);gap:22px}.benefit-featured{min-height:520px}.benefit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.benefit-list article{min-height:250px;padding:30px}.showcase-section{width:min(1440px,calc(100% - 48px));padding:clamp(34px,5vw,72px)}.showcase-grid{grid-template-columns:minmax(420px,.78fr) minmax(720px,1.22fr);gap:clamp(44px,6vw,96px)}.product-stage .dashboard-mockup{min-height:clamp(500px,42vw,660px)}.workflow-rail{gap:22px}.workflow-rail article{min-height:260px;padding:30px}}@media (min-width: 1500px){.landing-nav,.landing-hero,.landing-section,.landing-footer{width:min(1520px,calc(100% - 96px))}.landing-hero{grid-template-columns:minmax(610px,.9fr) minmax(720px,1.1fr)}.landing-hero__visual{transform:translate(24px)}}:root{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body[data-theme=dark]{--blue: #3b82f6;--blue-light: #60a5fa;--blue-pale: rgba(59, 130, 246, .14);--green: #22c55e;--green-pale: rgba(34, 197, 94, .12);--amber: #f59e0b;--amber-pale: rgba(245, 158, 11, .14);--red: #f87171;--red-pale: rgba(248, 113, 113, .13);--gray-50: #07111f;--gray-100: #0d1b2e;--gray-200: rgba(148, 163, 184, .2);--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #a8b3c5;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f8fafc;--shadow: 0 14px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);--shadow-md: 0 24px 70px rgba(0,0,0,.38);background:#07111f;color:#f8fafc}body[data-theme=light]{color-scheme:light}.theme-toggle{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff12;color:#fff;transition:transform .16s ease,background .16s ease,border-color .16s ease}.theme-toggle:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#f59e0b61}.theme-toggle svg{width:28px;height:28px;padding:5px;border-radius:9px;background:#f59e0b29;color:#fbbf24;flex-shrink:0}.theme-toggle strong{font-size:13px}.mobile-theme-toggle{margin:auto 0 8px}body[data-theme=dark] .sidebar{background:#0a1626;border-right:1px solid rgba(148,163,184,.14)}body[data-theme=dark] .mobile-header{background:#07111f;border-bottom:1px solid rgba(148,163,184,.12)}body[data-theme=dark] .mobile-menu{background:#0a1626;border-left:1px solid rgba(148,163,184,.14)}body[data-theme=dark] .sidebar-logo,body[data-theme=dark] .sidebar-user{border-color:#94a3b824}body[data-theme=dark] .nav-link{color:#e2e8f0b8}body[data-theme=dark] .nav-link:hover{background:#3b82f61f;color:#fff}body[data-theme=dark] .nav-link.active{background:linear-gradient(135deg,#3b82f6eb,#0ea5e9c7);box-shadow:0 12px 28px #3b82f63d}body[data-theme=dark] .main-content{background:#07111f}body[data-theme=dark] .page-container,body[data-theme=dark] .page-header h2,body[data-theme=dark] .card h3,body[data-theme=dark] .settings-panel__title,body[data-theme=dark] .card-header h3,body[data-theme=dark] .stat-info strong,body[data-theme=dark] .table-row strong,body[data-theme=dark] .quote-title-text,body[data-theme=dark] .auth-card h1{color:#f8fafc}body[data-theme=dark] .page-header p,body[data-theme=dark] .hint,body[data-theme=dark] .settings-panel__summary,body[data-theme=dark] .field label,body[data-theme=dark] .user-email,body[data-theme=dark] .auth-sub,body[data-theme=dark] .auth-switch,body[data-theme=dark] .consent-row,body[data-theme=dark] .empty-state,body[data-theme=dark] .stat-info span{color:#94a3b8}body[data-theme=dark] .settings-panel{border-color:#94a3b83d}body[data-theme=dark] .numbering-preview{border-color:#94a3b83d;background:#94a3b814}body[data-theme=dark] .numbering-preview__label{color:#94a3b8}body[data-theme=dark] .numbering-preview__value{color:#f8fafc}body[data-theme=dark] .settings-panel__trigger:hover{background:#94a3b81a}body[data-theme=dark] .settings-panel__chevron{border-color:#94a3b8}body[data-theme=dark] .payee-type legend{color:#94a3b8}body[data-theme=dark] .payee-type__option{border-color:#94a3b847;color:#cbd5e1}body[data-theme=dark] .payee-type__option.is-selected{border-color:var(--blue-light);background:#3b82f629;color:#bfdbfe}body[data-theme=dark] .card,body[data-theme=dark] .stat-card,body[data-theme=dark] .auth-card,body[data-theme=dark] .list-card,body[data-theme=dark] .table-card,body[data-theme=dark] .invoice-preview,body[data-theme=dark] .quote-preview,body[data-theme=dark] .convert-card,body[data-theme=dark] .pro-lock-message,body[data-theme=dark] .chart-card-app{background:linear-gradient(180deg,#12243af0,#0d1b2ef0);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 48px #00000047,inset 0 1px #ffffff0a}body[data-theme=dark] .field input,body[data-theme=dark] .field select,body[data-theme=dark] .field textarea,body[data-theme=dark] .dashboard-range-select{background:#07111fc7;border-color:#94a3b833;color:#f8fafc}body[data-theme=dark] .field input::placeholder,body[data-theme=dark] .field textarea::placeholder{color:#94a3b8b8}body[data-theme=dark] .btn-secondary,body[data-theme=dark] .btn-ghost{background:#ffffff0f;border-color:#94a3b82e;color:#e2e8f0}body[data-theme=dark] .btn-secondary:hover,body[data-theme=dark] .btn-ghost:hover{background:#3b82f621;color:#fff}body[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 12px 28px #2563eb47}body[data-theme=dark] table,body[data-theme=dark] .table,body[data-theme=dark] .list-item,body[data-theme=dark] .item-row,body[data-theme=dark] .invoice-line-item,body[data-theme=dark] .customer-row{border-color:#94a3b824!important}body[data-theme=dark] th,body[data-theme=dark] td{border-color:#94a3b824;color:#e2e8f0}body[data-theme=dark] thead tr{background:#3b82f614}body[data-theme=dark] .doc-page th,body[data-theme=dark] .doc-page td,body[data-theme=dark] .doc-page p,body[data-theme=dark] .doc-page small,body[data-theme=dark] .doc-page label,body[data-theme=dark] .doc-page h1,body[data-theme=dark] .doc-page h2,body[data-theme=dark] .doc-page h3,body[data-theme=dark] .doc-page h4{color:inherit}body[data-theme=dark] .doc-page thead tr{background:none}body[data-theme=dark] .auth-page{background:radial-gradient(circle at 18% 0%,rgba(59,130,246,.22),transparent 30rem),radial-gradient(circle at 88% 12%,rgba(245,158,11,.1),transparent 24rem),#07111f}.landing-page{--landing-bg: #07111f;--landing-ink: #f8fafc;--landing-muted: #9aa8bb;--landing-line: rgba(148, 163, 184, .16);--landing-blue: #3b82f6;--landing-cyan: #38bdf8;--landing-violet: #f59e0b;--landing-amber: #f59e0b;color:var(--landing-ink);background:linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),radial-gradient(circle at 16% 0%,rgba(59,130,246,.28),transparent 34rem),radial-gradient(circle at 86% 8%,rgba(245,158,11,.13),transparent 30rem),linear-gradient(180deg,#07111f,#0a1626 48%,#07111f);background-size:72px 72px,72px 72px,auto,auto,auto}.landing-noise{opacity:.16;background-image:radial-gradient(rgba(255,255,255,.18) .6px,transparent .6px)}.landing-scan{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:linear-gradient(180deg,transparent 0%,rgba(56,189,248,.14) 44%,rgba(245,158,11,.1) 50%,transparent 58%);transform:translateY(-120%);animation:landingScan 1.5s cubic-bezier(.16,1,.3,1) .18s both;mix-blend-mode:screen}@keyframes landingScan{0%{transform:translateY(-120%);opacity:0}18%{opacity:1}to{transform:translateY(120%);opacity:0}}.landing-nav,.landing-hero__copy,.landing-hero__visual,.benefits-section,.showcase-section,.workflow-section,.final-cta,.landing-footer{animation:revealUp .76s cubic-bezier(.16,1,.3,1) both}.landing-hero__visual{animation-delay:.14s}.benefits-section{animation-delay:.22s}.showcase-section{animation-delay:.28s}@keyframes revealUp{0%{opacity:0;transform:translateY(22px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.landing-nav nav,.landing-nav-actions a:not(.landing-nav-cta){background:#08111f94;border-color:#94a3b82e;color:#f8fafcc7}.landing-nav nav a:hover,.landing-nav-actions a:hover{color:#fff;background:#3b82f61f}.landing-nav-cta{background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;box-shadow:0 14px 34px #2563eb57!important}.landing-badge{color:#dbeafe;background:#0f172ab8;border-color:#3b82f657;box-shadow:0 16px 44px #2563eb2e,inset 0 1px #ffffff12}.landing-badge:before{background:var(--landing-amber);box-shadow:0 0 0 6px #f59e0b21,0 0 26px #f59e0b7a}.landing-hero h1,.landing-section-intro h2,.final-cta h2{color:#f8fafc;text-wrap:balance}.landing-hero h1:after,.landing-section-intro h2:after{content:"";display:block;width:92px;height:4px;margin-top:22px;border-radius:999px;background:linear-gradient(90deg,var(--landing-amber),var(--landing-blue),transparent);box-shadow:0 0 28px #3b82f652}.landing-section-intro h2:after{width:72px;height:3px;margin-top:18px}.workflow-section .landing-section-intro h2:after{margin-left:auto;margin-right:auto}.landing-hero p,.landing-section-intro p,.final-cta p{color:var(--landing-muted)}.landing-btn--primary{background:linear-gradient(135deg,#2563eb,#0ea5e9 62%,#38bdf8);box-shadow:0 18px 46px #2563eb57,inset 0 1px #ffffff2e}.landing-btn--primary:after{content:"→";margin-left:10px;transition:transform .16s ease}.landing-btn--primary:hover:after{transform:translate(3px)}.landing-btn--secondary{color:#e2e8f0;background:#0f172ab8;border-color:#94a3b833}.hero-proof span{color:#cbd5e1;background:#0f172aad;border-color:#94a3b829}.hero-proof span:nth-child(2){border-color:#f59e0b3d;color:#fde68a}.hero-orb--one{background:#3b82f6c7}.hero-orb--two{background:#f59e0b70}.dashboard-mockup,.invoice-mockup{background:linear-gradient(135deg,#12243aeb,#07111fd1);border-color:#94a3b833;box-shadow:0 28px 90px #0000006b,inset 0 1px #ffffff12}.mockup-sidebar{background:#040a14eb}.mockup-main{color:#f8fafc}.mockup-header small,.metric-grid small{color:#94a3b8}.metric-grid div{background:#0f172aa8;border-color:#94a3b826}.chart-card{background:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(135deg,#3b82f62e,#f59e0b14);border-color:#94a3b824}.chart-card i{background:linear-gradient(180deg,#f59e0b,#38bdf8 38%,#2563eb)}.invoice-paper{background:#f8fafc;color:#08111f}.invoice-paper__head small,.invoice-status-row{color:#64748b}.benefit-featured,.benefit-list article,.final-cta__card{background:linear-gradient(135deg,#12243ae0,#07111fc7);border-color:#94a3b82b;color:#f8fafc;box-shadow:0 22px 70px #0000004d,inset 0 1px #ffffff0f}.benefit-featured>span,.benefit-list article b{color:#f59e0b38}.benefit-featured p,.benefit-list p{color:var(--landing-muted)}.benefit-list article>span,.landing-section-intro>span{color:var(--landing-amber)}.reminder-stack{background:#020617;border:1px solid rgba(245,158,11,.18)}.showcase-section{background:radial-gradient(circle at 80% 10%,rgba(59,130,246,.22),transparent 30rem),linear-gradient(135deg,#020617,#081527 48%,#0d1b2e);border:1px solid rgba(148,163,184,.15)}.showcase-point{background:#0f172ab8;border-color:#94a3b824}.showcase-point i{background:linear-gradient(135deg,var(--landing-amber),var(--landing-blue))}.quote-strip{background:#f8fafcf0}.workflow-rail article{background:linear-gradient(180deg,#12243aeb,#0d1b2ee6);border-color:#94a3b829;color:#f8fafc}.workflow-rail span{background:linear-gradient(135deg,var(--landing-amber),var(--landing-blue))}.workflow-rail p{color:var(--landing-muted)}.landing-footer{color:#94a3b8}.landing-footer a:hover{background:#3b82f61f;color:#fff}@media (prefers-reduced-motion: reduce){.landing-scan,.landing-nav,.landing-hero__copy,.landing-hero__visual,.benefits-section,.showcase-section,.workflow-section,.final-cta,.landing-footer{animation:none!important}}body[data-theme=dark] .page-header h1,body[data-theme=dark] .page-header h2,body[data-theme=dark] .page-header h3,body[data-theme=dark] h1,body[data-theme=dark] h2,body[data-theme=dark] h3,body[data-theme=dark] h4,body[data-theme=dark] .stat-value,body[data-theme=dark] .inv-number,body[data-theme=dark] .inv-biz-name,body[data-theme=dark] .dropzone-title,body[data-theme=dark] .reminder-title,body[data-theme=dark] .totals-row-total,body[data-theme=dark] .inv-total-row.grand{color:#f8fafc}body[data-theme=dark] p,body[data-theme=dark] small,body[data-theme=dark] label,body[data-theme=dark] .page-header p,body[data-theme=dark] .stat-label,body[data-theme=dark] .stat-sub,body[data-theme=dark] .inv-date,body[data-theme=dark] .inv-biz-sub,body[data-theme=dark] .inv-meta-block label,body[data-theme=dark] .inv-meta-block span,body[data-theme=dark] .inv-job-desc label,body[data-theme=dark] .inv-job-desc p,body[data-theme=dark] .inv-items-table th,body[data-theme=dark] .inv-total-row,body[data-theme=dark] .inv-bank-details label,body[data-theme=dark] .bank-grid span,body[data-theme=dark] .reminder-meta,body[data-theme=dark] .reminder-field>label,body[data-theme=dark] .reminder-unit,body[data-theme=dark] .dropzone-hint,body[data-theme=dark] .chart-empty,body[data-theme=dark] .inv-footer-note,body[data-theme=dark] .totals-row-sm{color:#a8b3c5}body[data-theme=dark] .card,body[data-theme=dark] .stat-card,body[data-theme=dark] .invoice-list-card,body[data-theme=dark] .quote-list-card,body[data-theme=dark] .invoice-detail-card,body[data-theme=dark] .quote-detail-card,body[data-theme=dark] .form-card,body[data-theme=dark] .send-panel,body[data-theme=dark] .reminders-panel,body[data-theme=dark] .pdf-dropzone,body[data-theme=dark] .channel-chip,body[data-theme=dark] .reminder-item,body[data-theme=dark] .inv-bank-details,body[data-theme=dark] .items-row,body[data-theme=dark] .price-input-wrap,body[data-theme=dark] .chart-toggle,body[data-theme=dark] .tab{background:#0d1b2eeb;border-color:#94a3b82e;color:#e2e8f0}body[data-theme=dark] .tab{background:#0f172ab8;color:#cbd5e1}body[data-theme=dark] .tab:hover:not(.active){color:#f8fafc;border-color:#60a5fa8c;background:#3b82f61f}body[data-theme=dark] .tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:transparent}body[data-theme=dark] .chart-toggle button{color:#a8b3c5}body[data-theme=dark] .chart-toggle button.active{background:#3b82f62e;color:#bfdbfe}body[data-theme=dark] .apex-chart-title h3{color:#e2e8f0}body[data-theme=dark] .chart-range-pill{background:#0f172ab8;border-color:#94a3b833;color:#94a3b8}body[data-theme=dark] .chart-range-pill.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:transparent;color:#fff}body[data-theme=dark] .chart-range-pill:hover:not(.active){border-color:#60a5fa8c;color:#bfdbfe}body[data-theme=dark] .ec-title{color:#e2e8f0}body[data-theme=dark] .ec-legend-item{color:#94a3b8}body[data-theme=dark] .chart-empty{color:#475569}body[data-theme=dark] .badge-draft{background:#94a3b824;color:#cbd5e1}body[data-theme=dark] .badge-sent{background:#0ea5e929;color:#7dd3fc}body[data-theme=dark] .badge-paid{background:#22c55e24;color:#86efac}body[data-theme=dark] .badge-unpaid{background:#f59e0b29;color:#fcd34d}body[data-theme=dark] .badge-overdue{background:#f8717129;color:#fca5a5}body[data-theme=dark] .alert.error{background:#f8717124;color:#fecaca;border-color:#f8717147}body[data-theme=dark] .alert.success,body[data-theme=dark] .send-result-item.success{background:#22c55e24;color:#bbf7d0;border-color:#22c55e40}body[data-theme=dark] .send-result-item.error{background:#f8717124;color:#fecaca}body[data-theme=dark] .inv-notes,body[data-theme=dark] .notes,body[data-theme=dark] .warning,body[data-theme=dark] .import-warning{background:#f59e0b1f!important;border-color:#f59e0b4d!important}body[data-theme=dark] .inv-notes label,body[data-theme=dark] .inv-notes p,body[data-theme=dark] .notes-label,body[data-theme=dark] .warning,body[data-theme=dark] .import-warning{color:#fde68a!important}body[data-theme=dark] .pdf-dropzone{background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.12),transparent 18rem),#0d1b2edb}body[data-theme=dark] .pdf-dropzone.parsing{background:#0f172ab8;border-color:#94a3b833}body[data-theme=dark] .pdf-dropzone:hover{border-color:#60a5fa9e}body[data-theme=dark] .parsed-success,body[data-theme=dark] .success-box{background:#22c55e21!important;border-color:#22c55e47!important;color:#bbf7d0!important}body[data-theme=dark] .field input,body[data-theme=dark] .field select,body[data-theme=dark] .field textarea,body[data-theme=dark] .items-row input,body[data-theme=dark] .price-input-wrap,body[data-theme=dark] .reminder-field>select,body[data-theme=dark] .reminder-input-row input,body[data-theme=dark] .reminder-input-row select,body[data-theme=dark] .search-input{background:#02061794!important;border-color:#94a3b838!important;color:#f8fafc!important}body[data-theme=dark] .field input:focus,body[data-theme=dark] .field select:focus,body[data-theme=dark] .field textarea:focus,body[data-theme=dark] .items-row input:focus,body[data-theme=dark] .reminder-field>select:focus,body[data-theme=dark] .reminder-input-row input:focus,body[data-theme=dark] .reminder-input-row select:focus,body[data-theme=dark] .search-input:focus{border-color:#60a5fab8!important;box-shadow:0 0 0 3px #3b82f62e!important}body[data-theme=dark] .price-input-wrap span,body[data-theme=dark] .currency-prefix{color:#cbd5e1!important;background:#0f172ac7!important}body[data-theme=dark] .auth-switch a,body[data-theme=dark] a:not(.landing-btn):not(.nav-link):not(.landing-brand){color:#93c5fd}body[data-theme=dark] .btn-icon{color:#cbd5e1}body[data-theme=dark] .btn-icon:hover{background:#f8717124;color:#fecaca}body[data-theme=dark] .invoice-card{background:linear-gradient(180deg,#12243af5,#0d1b2ef5)!important;border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 34px #00000042,inset 0 1px #ffffff0a;color:#e2e8f0!important}body[data-theme=dark] .invoice-card:hover{border-color:#60a5fa61;box-shadow:0 18px 46px #00000057,0 0 0 1px #60a5fa14}body[data-theme=dark] .invoice-card .inv-number{color:#93c5fd!important}body[data-theme=dark] .invoice-card .inv-customer,body[data-theme=dark] .invoice-card .inv-amount{color:#f8fafc!important}body[data-theme=dark] .invoice-card .inv-date{color:#a8b3c5!important}.marketing-page main{position:relative;z-index:1;width:min(1320px,calc(100% - 32px));margin-inline:auto}.marketing-hero{padding:clamp(56px,8vw,110px) 0 clamp(34px,6vw,72px);max-width:980px;animation:revealUp .76s cubic-bezier(.16,1,.3,1) both}.marketing-hero h1{margin-top:24px;color:#f8fafc;font-family:var(--landing-display, Inter, sans-serif);font-size:clamp(2.3rem,4.4vw,4.2rem);line-height:1.08;letter-spacing:-.018em;font-weight:700;text-wrap:balance}.marketing-hero h1:after{content:"";display:block;width:88px;height:4px;margin-top:22px;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#3b82f6,transparent);box-shadow:0 0 28px #3b82f652}.marketing-hero p{max-width:760px;margin-top:24px;color:#a8b3c5;font-size:clamp(1.05rem,2vw,1.26rem);line-height:1.75;letter-spacing:-.02em}.marketing-grid-section{display:grid;grid-template-columns:1fr;gap:18px;padding:18px 0 94px}.marketing-story-card,.pricing-card,.pricing-note,.contact-card,.contact-direct{border:1px solid rgba(148,163,184,.17);background:linear-gradient(135deg,#12243ae0,#07111fc7);box-shadow:0 22px 70px #0000004d,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.marketing-story-card{min-height:250px;border-radius:28px;padding:clamp(24px,4vw,42px);position:relative;overflow:hidden;animation:revealUp .76s cubic-bezier(.16,1,.3,1) both}.marketing-story-card:after,.pricing-card:after,.contact-card:after{content:"";position:absolute;inset:auto -20% -45% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 68%);pointer-events:none}.marketing-story-card>span{color:#f59e0b42;font-size:4rem;line-height:.8;font-weight:950;letter-spacing:-.08em}.marketing-story-card h2,.marketing-story-card h3{margin-top:24px;color:#f8fafc;letter-spacing:-.05em;line-height:1.05}.marketing-story-card h2{font-size:clamp(2rem,4vw,3.7rem)}.marketing-story-card h3{font-size:clamp(1.45rem,2.6vw,2rem)}.marketing-story-card p{margin-top:16px;color:#a8b3c5;line-height:1.75;max-width:720px}.pricing-grid{display:grid;grid-template-columns:1fr;gap:18px;padding:12px 0 28px}.pricing-card{position:relative;overflow:hidden;border-radius:30px;padding:clamp(24px,4vw,38px);display:flex;flex-direction:column;gap:18px;min-height:520px}.pricing-card--featured{border-color:#f59e0b6b;background:radial-gradient(circle at 80% 0%,rgba(245,158,11,.16),transparent 22rem),linear-gradient(135deg,#12243af5,#07111fe0);transform:translateY(-6px)}.pricing-card em{align-self:flex-start;padding:7px 11px;border-radius:999px;background:#f59e0b24;color:#fde68a;border:1px solid rgba(245,158,11,.28);font-style:normal;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pricing-card h2{color:#f8fafc;font-size:1.55rem;letter-spacing:-.04em}.pricing-price{display:flex;align-items:flex-end;gap:8px}.pricing-price strong{color:#f8fafc;font-size:clamp(3rem,6vw,4.8rem);line-height:.9;letter-spacing:-.08em}.pricing-price span{color:#94a3b8;font-weight:800}.form-page{max-width:560px;margin:0 auto}.form-page .page-header{display:block}.form-page .page-header p{margin-top:6px;max-width:52ch}.form-page .field-grid{grid-template-columns:1fr}.form-page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-100, #eef1f5)}.form-page-actions .btn-primary{flex:1 1 auto}.form-page-notes{margin:18px 2px 0;padding-left:18px;list-style:disc;font-size:13px;line-height:1.6;color:var(--gray-500, #64748b)}.form-page-notes li{margin-bottom:6px}.account-type-choice{border:0;padding:0;margin:0 0 16px;display:grid;gap:8px}.account-type-choice legend{padding:0;margin-bottom:8px;font-size:.9rem;font-weight:600}.account-type-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border, #d5dbe5);border-radius:10px;cursor:pointer}.account-type-option.is-selected{border-color:#f59e0b;background:#f59e0b14}.account-type-option input{margin-top:3px;flex:none}.account-type-text{display:grid;gap:2px;line-height:1.4}.account-type-text span{font-size:.85rem;opacity:.75}.pricing-trial{align-self:start;margin-top:-6px;padding:6px 12px;border:1px solid rgba(245,158,11,.45);border-radius:999px;background:#f59e0b1f;color:#fbbf24;font-size:.72rem;font-weight:900;letter-spacing:.1em;line-height:1.4;white-space:nowrap}.pricing-card p{color:#a8b3c5;line-height:1.7}.pricing-card ul{list-style:none;display:grid;gap:12px;margin:4px 0 auto}.pricing-card li{display:flex;gap:10px;color:#dbe7f5;line-height:1.45}.pricing-card li:before{content:"✓";color:#f59e0b;font-weight:950}.pricing-note{display:flex;flex-direction:column;gap:8px;margin:20px 0 94px;padding:22px 24px;border-radius:22px;color:#cbd5e1}.pricing-note strong{color:#fde68a}.pricing-note p{color:#a8b3c5}.contact-layout{display:grid;grid-template-columns:1fr;gap:28px;align-items:start;padding-bottom:98px}.contact-card{position:relative;overflow:hidden;border-radius:32px;padding:clamp(24px,4vw,38px);display:grid;gap:18px}.contact-card label{display:grid;gap:8px;color:#cbd5e1;font-size:13px;font-weight:850}.contact-card input,.contact-card textarea{width:100%;min-height:48px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#02061794;color:#f8fafc;padding:12px 14px;font-size:16px;outline:none}.contact-card textarea{min-height:150px;resize:vertical}.contact-card input:focus,.contact-card textarea:focus{border-color:#60a5fab8;box-shadow:0 0 0 3px #3b82f62e}.contact-card small{color:#94a3b8;line-height:1.5}.contact-direct{margin-top:30px;display:inline-flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:18px}.contact-direct span{color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.contact-direct a{color:#93c5fd;font-weight:900}@media (min-width: 760px){.marketing-page main{width:min(1320px,calc(100% - 72px))}.marketing-grid-section{grid-template-columns:repeat(3,1fr)}.marketing-story-card--wide{grid-column:span 2}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px;margin:0 auto;align-items:stretch}.pricing-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px}.contact-layout{grid-template-columns:minmax(420px,.9fr) minmax(460px,1fr);gap:clamp(42px,6vw,92px);padding-top:34px}}.landing-page,.marketing-page{--landing-display: "Bricolage Grotesque", Inter, ui-sans-serif, system-ui, sans-serif}.landing-hero h1{font-family:var(--landing-display);color:#e8eef7;font-size:clamp(2.7rem,5vw,5.1rem)!important;line-height:1.05!important;letter-spacing:-.022em!important;font-weight:700!important;max-width:780px;text-shadow:0 18px 60px rgba(0,0,0,.28)}.landing-hero h1 em{font-style:normal;background:linear-gradient(100deg,#fbbf24,#38bdf8 60%,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-phrase{white-space:nowrap}.landing-page .benefit-featured h3,.landing-page .benefit-list h3,.landing-page .workflow-rail h3,.landing-page .finance-motion-copy h3,.landing-page .community-card h2,.landing-page .community-card h3,.landing-page .community-empty h3,.landing-page .pricing-card h2,.landing-page .marketing-story-card h2,.landing-page .marketing-story-card h3,.landing-page .contact-copy h1{font-family:var(--landing-display);letter-spacing:-.015em;line-height:1.15;font-weight:700}.landing-hero h1:after{width:64px;height:2px;margin-top:20px;opacity:.65;background:linear-gradient(90deg,rgba(245,158,11,.9),rgba(59,130,246,.55),transparent);box-shadow:0 0 18px #3b82f62e}.landing-hero p{max-width:610px;color:#91a0b4;font-size:clamp(1rem,1.55vw,1.16rem);line-height:1.78}.landing-badge{color:#c8d4e6;background:#0f172a8a;border-color:#94a3b82e;box-shadow:0 12px 34px #0000002e,inset 0 1px #ffffff0d}.landing-badge:before{width:7px;height:7px;box-shadow:0 0 0 5px #f59e0b17,0 0 18px #f59e0b42}@media (min-width: 980px){.landing-hero h1{font-size:clamp(3.45rem,5.15vw,6.05rem)!important;max-width:800px}}.contact-success,.contact-error{border-radius:14px;padding:12px 14px;font-size:14px;font-weight:800}.contact-success{color:#bbf7d0;background:#22c55e21;border:1px solid rgba(34,197,94,.26)}.contact-error{color:#fecaca;background:#f8717124;border:1px solid rgba(248,113,113,.28)}.feedback-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:60;display:flex;align-items:center}.feedback-tab__handle{writing-mode:vertical-rl;border:1px solid rgba(251,191,36,.38);border-right:none;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#1e1b178a,#2925248a);color:#fbbf24;font-weight:700;font-size:12px;letter-spacing:.08em;padding:16px 10px;cursor:grab;box-shadow:0 8px 24px #0206174d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none}.feedback-tab__handle:hover{background:linear-gradient(180deg,#2d281ead,#373023ad);border-color:#fbbf2494}.feedback-tab__handle:active{cursor:grabbing}.feedback-tab__panel{order:-1;width:min(320px,calc(100vw - 64px));display:grid;gap:12px;padding:18px;border-radius:18px 0 0 18px;border:1px solid rgba(148,163,184,.18);border-right:none;background:#0206179e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 48px #02061766}.feedback-tab__panel h3{margin:0;color:#f8fafc;font-size:16px}.feedback-tab__panel input,.feedback-tab__panel textarea{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061794;color:#f8fafc;padding:10px 12px;font-size:14px;outline:none;resize:vertical}.feedback-tab__panel input:focus,.feedback-tab__panel textarea:focus{border-color:#60a5fab8;box-shadow:0 0 0 3px #3b82f62e}.admin-page{min-height:100vh;color:#f8fafc;background:linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),radial-gradient(circle at 18% 0%,rgba(59,130,246,.24),transparent 34rem),radial-gradient(circle at 86% 12%,rgba(245,158,11,.12),transparent 30rem),#07111f;background-size:72px 72px,72px 72px,auto,auto,auto;padding:18px}.admin-topbar{width:min(1320px,100%);margin:0 auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-topbar>div{display:flex;align-items:center;gap:10px}.admin-topbar a:not(.landing-brand),.admin-topbar button,.admin-message-actions button{min-height:40px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#0f172aad;color:#dbe7f5;padding:8px 13px;font-weight:800}.admin-topbar button:hover,.admin-message-actions button:hover,.admin-topbar a:not(.landing-brand):hover{background:#3b82f624;color:#fff}.admin-login-card,.admin-inbox{width:min(1120px,100%);margin:48px auto 90px}.admin-login-card{max-width:520px;border-radius:32px;padding:clamp(26px,5vw,44px);border:1px solid rgba(148,163,184,.17);background:linear-gradient(135deg,#12243aeb,#07111fd1);box-shadow:0 22px 70px #00000052,inset 0 1px #ffffff0f}.admin-login-card h1,.admin-inbox-header h1{margin-top:20px;color:#f8fafc;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.055em}.admin-login-card p,.admin-login-card small,.admin-inbox-header p,.admin-empty{color:#a8b3c5;line-height:1.7}.admin-login-card form{display:grid;gap:16px;margin:26px 0 18px}.admin-login-card label{display:grid;gap:8px;color:#cbd5e1;font-size:13px;font-weight:850}.admin-login-card input{min-height:48px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#02061794;color:#f8fafc;padding:12px 14px;font-size:16px}.admin-inbox-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;flex-wrap:wrap}.admin-message-list{display:grid;gap:16px}.admin-message{border-radius:24px;padding:clamp(18px,3vw,28px);border:1px solid rgba(148,163,184,.17);background:linear-gradient(135deg,#12243aeb,#07111fd1);box-shadow:0 16px 46px #00000040,inset 0 1px #ffffff0d}.admin-message--new{border-color:#f59e0b5c}.admin-message-head{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.admin-message-head strong{display:block;color:#f8fafc;font-size:18px}.admin-message-head a{display:block;color:#93c5fd;margin-top:4px;font-weight:800}.admin-message-head span,.admin-message-meta time{display:block;margin-top:4px;color:#94a3b8}.admin-message-meta{text-align:right}.admin-message-meta em{display:inline-flex;border-radius:999px;padding:5px 10px;color:#fde68a;background:#f59e0b24;border:1px solid rgba(245,158,11,.26);font-style:normal;font-size:12px;font-weight:900;text-transform:uppercase}.admin-message-meta em.admin-message-kind{color:#bfdbfe;background:#3b82f629;border-color:#3b82f64d;margin-right:6px}.admin-message p{margin-top:18px;white-space:pre-wrap;color:#dbe7f5;line-height:1.75}.admin-message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}@media (max-width: 640px){.admin-message-meta{text-align:left}.admin-topbar{align-items:flex-start;flex-direction:column}}.admin-status-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}.admin-summary-card{min-height:98px;border-radius:22px;padding:18px;border:1px solid rgba(148,163,184,.17);background:linear-gradient(135deg,#12243ae6,#07111fc7);box-shadow:0 14px 38px #00000038,inset 0 1px #ffffff0d}.admin-summary-card span{display:block;color:#94a3b8;font-size:12px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.admin-summary-card strong{display:block;margin-top:10px;color:#f8fafc;font-size:2.35rem;line-height:1;letter-spacing:-.07em}.admin-summary-card--new{border-color:#f59e0b57}.admin-summary-card--read{border-color:#3b82f647}.admin-summary-card--archived{opacity:.82}.admin-message-groups{display:grid;gap:26px}.admin-message-group{border-radius:30px;padding:clamp(16px,2.5vw,24px);border:1px solid rgba(148,163,184,.14);background:#02061738}.admin-message-group--new{background:linear-gradient(135deg,#f59e0b0f,#0206172e)}.admin-message-group--archived{opacity:.86}.admin-group-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.admin-group-header h2{color:#f8fafc;font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.05em;line-height:1}.admin-group-header p{margin-top:6px;color:#94a3b8;line-height:1.55}.admin-group-header>span{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;color:#f8fafc;background:#0f172ad1;border:1px solid rgba(148,163,184,.18);font-weight:950}.admin-group-empty{border-radius:20px;padding:22px;color:#94a3b8;background:#0f172a70;border:1px dashed rgba(148,163,184,.18);font-weight:750}.admin-message-actions button.active,.admin-message-actions button:disabled{color:#07111f;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:transparent;cursor:default;opacity:1}.admin-message-actions button:disabled:hover{color:#07111f;background:linear-gradient(135deg,#f59e0b,#fbbf24)}@media (max-width: 720px){.admin-status-summary{grid-template-columns:1fr}.admin-group-header{align-items:stretch}}.paid-animation-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0206179e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.paid-animation-card{position:relative;width:min(360px,100%);min-height:270px;overflow:hidden;border-radius:28px;border:1px solid rgba(148,163,184,.22);background:radial-gradient(circle at 88% 8%,rgba(34,197,94,.2),transparent 14rem),linear-gradient(135deg,#12243afa,#07111ff5);box-shadow:0 34px 100px #00000075,inset 0 1px #ffffff14;color:#f8fafc;transform-style:preserve-3d}.paid-animation-sheen{position:absolute;inset:-30% auto -30% -60%;width:46%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:paidSheen 1.5s cubic-bezier(.16,1,.3,1) .22s both;pointer-events:none}@keyframes paidSheen{0%{translate:0 0;opacity:0}20%{opacity:1}to{translate:260% 0;opacity:0}}.paid-animation-header{display:flex;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid rgba(148,163,184,.16)}.paid-animation-header span,.paid-animation-body span{display:block;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.paid-animation-header strong{display:block;margin-top:5px;font-size:17px;letter-spacing:-.035em}.paid-animation-header>div:last-child{text-align:right}.paid-animation-body{padding:22px}.paid-animation-body strong{display:block;margin:6px 0 20px;font-size:18px}.paid-animation-body i{display:block;height:10px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,#94a3b83d,#3b82f63d);transform-origin:left center}.paid-animation-body i:nth-of-type(1){width:100%}.paid-animation-body i:nth-of-type(2){width:78%}.paid-animation-body i:nth-of-type(3){width:54%}.paid-animation-stamp{position:absolute;top:0;right:0;bottom:0;left:0;width:max-content;height:max-content;margin:auto;padding:8px 22px;border-radius:10px;border:4px solid #22c55e;color:#86efac;background:#22c55e1a;box-shadow:0 0 32px #22c55e33,inset 0 0 0 1px #ffffff14;font-size:clamp(2rem,8vw,3rem);font-weight:950;letter-spacing:.12em;text-shadow:0 0 24px rgba(34,197,94,.28)}.paid-animation-check{position:absolute;right:18px;top:18px;width:48px;height:48px}.paid-animation-check span,.paid-animation-check b{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px}.paid-animation-check span{background:#22c55e}.paid-animation-check b{display:flex;align-items:center;justify-content:center;color:#052e16;background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:0 16px 34px #22c55e57}body[data-theme=light] .paid-animation-backdrop{background:#0f172a47}body[data-theme=light] .paid-animation-card{color:#0f172a;background:radial-gradient(circle at 88% 8%,rgba(34,197,94,.16),transparent 14rem),linear-gradient(135deg,#fffffffa,#f1f5f9f5);box-shadow:0 34px 100px #0f172a38,inset 0 1px #ffffffe6}@media (prefers-reduced-motion: reduce){.paid-animation-sheen{animation:none;display:none}}.paid-animation-backdrop{animation:paidBackdropIn .18s ease-out both}.paid-animation-backdrop.is-leaving{animation:paidBackdropOut .28s ease-in both}.paid-animation-card{animation:paidCardIn .68s cubic-bezier(.16,1,.3,1) both}.paid-animation-backdrop.is-leaving .paid-animation-card{animation:paidCardOut .28s cubic-bezier(.4,0,.2,1) both}.paid-animation-stamp{transform:rotate(-10deg) scale(2.4);opacity:0;animation:paidStampIn .52s cubic-bezier(.16,1,.3,1) .36s both}.paid-animation-check{transform:scale(0);opacity:0;animation:paidCheckIn .42s cubic-bezier(.16,1,.3,1) .64s both}.paid-animation-check span{animation:paidCheckPulse 1.45s ease-out .78s infinite}.paid-animation-body i{scale:0 1;opacity:0;animation:paidLineIn .42s cubic-bezier(.16,1,.3,1) both}.paid-animation-body i:nth-of-type(1){animation-delay:.12s}.paid-animation-body i:nth-of-type(2){animation-delay:.21s}.paid-animation-body i:nth-of-type(3){animation-delay:.3s}@keyframes paidBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes paidBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes paidCardIn{0%{opacity:0;transform:translateY(42px) scale(.9) rotateX(18deg)}66%{opacity:1;transform:translateY(-4px) scale(1.015) rotateX(0)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes paidCardOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(70px) scale(.9)}}@keyframes paidStampIn{0%{opacity:0;transform:rotate(-18deg) scale(2.6);filter:blur(8px)}62%{opacity:1;transform:rotate(-10deg) scale(.92);filter:blur(0)}to{opacity:1;transform:rotate(-10deg) scale(1);filter:blur(0)}}@keyframes paidCheckIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes paidCheckPulse{0%{transform:scale(1);opacity:.42}to{transform:scale(1.65);opacity:0}}@keyframes paidLineIn{0%{scale:0 1;opacity:0}to{scale:1 1;opacity:1}}@media (prefers-reduced-motion: reduce){.paid-animation-backdrop,.paid-animation-backdrop.is-leaving,.paid-animation-card,.paid-animation-backdrop.is-leaving .paid-animation-card,.paid-animation-stamp,.paid-animation-check,.paid-animation-check span,.paid-animation-body i{animation:none!important;opacity:1;transform:none;scale:1 1}}.paid-animation--unpaid .paid-animation-card{background:radial-gradient(circle at 88% 8%,rgba(245,158,11,.22),transparent 14rem),linear-gradient(135deg,#12243afa,#07111ff5)}.paid-animation--unpaid .paid-animation-stamp{border-color:#f59e0b;color:#fde68a;background:#f59e0b1c;box-shadow:0 0 32px #f59e0b33,inset 0 0 0 1px #ffffff14;text-shadow:0 0 24px rgba(245,158,11,.24);animation-name:unpaidStampIn}.paid-animation--unpaid .paid-animation-check span{background:#f59e0b}.paid-animation--unpaid .paid-animation-check b{color:#451a03;background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:0 16px 34px #f59e0b4d}.paid-animation--unpaid .paid-animation-body i{background:linear-gradient(90deg,#f59e0b38,#94a3b833)}.paid-animation--unpaid .paid-animation-sheen{background:linear-gradient(90deg,transparent,rgba(245,158,11,.18),transparent)}body[data-theme=light] .paid-animation--unpaid .paid-animation-card{color:#0f172a;background:radial-gradient(circle at 88% 8%,rgba(245,158,11,.16),transparent 14rem),linear-gradient(135deg,#fffffffa,#f1f5f9f5)}@keyframes unpaidStampIn{0%{opacity:0;transform:rotate(16deg) scale(2.2);filter:blur(8px)}45%{opacity:1;transform:rotate(8deg) scale(.95);filter:blur(0)}68%{opacity:1;transform:rotate(12deg) scale(1.04);filter:blur(0)}to{opacity:1;transform:rotate(10deg) scale(1);filter:blur(0)}}.paid-animation-backdrop,.paid-animation-card,.paid-animation-stamp,.paid-animation-check{pointer-events:none}.app-exit-link{width:100%;min-height:38px;margin-top:10px;display:inline-flex;align-items:center;justify-content:flex-start;padding:8px 0;border:none;background:transparent;color:var(--gray-400);font-size:13px;font-weight:700;text-align:left}.app-exit-link:hover{color:var(--blue-light)}body[data-theme=dark] .app-exit-link{color:#94a3b8}body[data-theme=dark] .app-exit-link:hover{color:#93c5fd}.mobile-menu .app-exit-link{padding:10px 14px;border-radius:8px;color:#ffffffb8}.mobile-menu .app-exit-link:hover{background:#3b82f61f;color:#fff}.nav-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}.nav-icon svg{width:20px;height:20px;display:block}.import-page-header{align-items:center;justify-content:center;position:relative}.import-page-header .btn-ghost{position:absolute;left:0;top:50%;transform:translateY(-50%)}.import-page-header>div{text-align:center}.import-mode-toggle{width:min(620px,100%);margin:0 auto 22px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:18px;background:#0f172a14;border:1px solid var(--gray-200)}.import-mode-toggle button{min-height:48px;border:none;border-radius:14px;background:transparent;color:var(--gray-600);font-size:15px;font-weight:850;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.import-mode-toggle button:hover{color:var(--blue);background:#3b82f614}.import-mode-toggle button.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-light));box-shadow:0 12px 28px #3b82f63d}body[data-theme=dark] .import-mode-toggle{background:#02061770;border-color:#94a3b82e}body[data-theme=dark] .import-mode-toggle button{color:#a8b3c5}body[data-theme=dark] .import-mode-toggle button:hover{color:#f8fafc;background:#3b82f61f}body[data-theme=dark] .import-mode-toggle button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9)}.mockup-sidebar .duely-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:14px;overflow:hidden}.mockup-sidebar .duely-logo--mark img{width:auto;height:34px;object-fit:contain;display:block;margin:0 auto}@media (max-width: 719px){.mockup-sidebar .duely-logo{width:38px;height:38px;border-radius:12px}.mockup-sidebar .duely-logo--mark img{width:auto;height:28px}}.finance-motion-panel{margin-top:42px;margin-bottom:22px;display:grid;grid-template-columns:1fr;gap:22px;align-items:center;overflow:hidden;border-radius:34px;padding:clamp(24px,4vw,42px);border:1px solid rgba(148,163,184,.17);background:radial-gradient(circle at 82% 18%,rgba(245,158,11,.16),transparent 22rem),radial-gradient(circle at 30% 100%,rgba(59,130,246,.16),transparent 24rem),linear-gradient(135deg,#12243ae0,#07111fc7);box-shadow:0 22px 70px #0000004d,inset 0 1px #ffffff0f}.finance-motion-copy span{color:#f59e0b;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.finance-motion-copy h3{max-width:640px;margin-top:12px;color:#f8fafc;font-size:clamp(2rem,4vw,4rem);line-height:1.02;letter-spacing:-.06em}.finance-motion-copy p{max-width:560px;margin-top:16px;color:#a8b3c5;line-height:1.75;font-size:1.02rem}.finance-motion-art{position:relative;min-height:260px;display:flex;align-items:center;justify-content:center}.finance-motion-art:before{content:"";position:absolute;width:min(360px,80vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 68%);filter:blur(4px)}.finance-lottie{position:relative;width:min(360px,82vw);aspect-ratio:1;filter:drop-shadow(0 24px 44px rgba(0,0,0,.3))}.finance-lottie svg{width:100%!important;height:100%!important;display:block}@media (min-width: 860px){.finance-motion-panel{grid-template-columns:minmax(420px,.95fr) minmax(360px,.75fr);padding-right:clamp(18px,3vw,34px)}.finance-motion-art{min-height:360px}.finance-lottie{width:min(430px,34vw)}}@media (max-width: 640px){.finance-motion-panel{border-radius:28px}.finance-motion-art{min-height:220px}}.job-label-picker{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#f8fafcb3}.job-label-picker__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.job-label-picker__head label{display:block;font-weight:800;color:var(--gray-800)}.job-label-picker__head p{margin-top:3px;color:var(--gray-600);font-size:13px}.job-label-dropzone{min-height:66px;display:flex;align-items:center;padding:12px;border:1.5px dashed rgba(59,130,246,.34);border-radius:16px;background:linear-gradient(135deg,#3b82f612,#ec48990d)}.job-label-dropzone.compact{min-height:52px}.job-label-empty{color:var(--gray-600);font-size:13px;font-weight:700}.job-label-palette{display:flex;flex-wrap:wrap;gap:8px}.job-label-palette.compact{margin:12px 0}.job-label-chip,.job-label-mini,.job-chart-legend button{--label-color: #3b82f6;display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-weight:800}.job-label-chip{min-height:40px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--label-color) 36%,transparent);background:color-mix(in srgb,var(--label-color) 12%,white);color:#0f172a;font-size:13px;cursor:grab}.job-label-chip:active{cursor:grabbing}.job-label-chip.selected{border-color:var(--label-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--label-color) 18%,transparent)}.job-label-chip i,.job-label-mini i,.job-chart-legend i{width:12px;height:12px;flex:0 0 auto;border-radius:999px;background:var(--label-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--label-color) 16%,transparent)}.job-label-create{display:grid;grid-template-columns:1fr 54px auto;gap:8px;align-items:center}.job-label-create input[type=text],.job-label-create input:not([type]){min-height:44px}.job-label-create input[type=color]{width:54px;min-height:44px;padding:4px;border-radius:12px;border:1px solid var(--gray-200);background:#fff}.job-label-mini{width:fit-content;margin-top:7px;padding:5px 9px;color:#334155;background:color-mix(in srgb,var(--label-color) 10%,white);border:1px solid color-mix(in srgb,var(--label-color) 28%,transparent);font-size:12px}.job-label-mini i,.job-chart-legend i{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--label-color) 14%,transparent)}.job-chart-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.job-chart-legend button{padding:6px 10px;color:var(--gray-600);background:#f8fafcbd;border:1px solid rgba(148,163,184,.18);font-size:12px}body[data-theme=dark] .job-label-picker,body[data-theme=dark] .job-label-dropzone{background:#0f172a8a;border-color:#94a3b833}body[data-theme=dark] .job-label-picker__head label,body[data-theme=dark] .job-label-chip{color:#f8fafc}body[data-theme=dark] .job-label-picker__head p,body[data-theme=dark] .job-label-empty{color:#94a3b8}body[data-theme=dark] .job-label-chip,body[data-theme=dark] .job-label-mini,body[data-theme=dark] .job-chart-legend button{background:color-mix(in srgb,var(--label-color) 16%,rgba(15,23,42,.9));color:#e2e8f0}body[data-theme=dark] .job-label-create input[type=color]{background:#02061794;border-color:#94a3b838}@media (max-width: 640px){.job-label-create{grid-template-columns:1fr 52px}.job-label-create button{grid-column:1 / -1}}.invoice-label-workbench{margin-bottom:16px;display:grid;gap:14px;border-style:dashed;background:linear-gradient(135deg,#3b82f60f,#ec48990d)}.label-workbench-copy{display:grid;gap:3px}.label-workbench-copy strong{color:var(--gray-800);font-size:15px}.label-workbench-copy span{color:var(--gray-600);font-size:13px}.sticky-label-row{display:flex;flex-wrap:wrap;gap:9px}.sticky-label-chip{--label-color: #3b82f6;min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:9px 13px 9px 10px;border-radius:999px 14px 14px 999px;border:1px solid color-mix(in srgb,var(--label-color) 42%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--label-color) 18%,white),#ffffffe0);color:#0f172a;font-size:13px;font-weight:900;box-shadow:0 10px 24px #0f172a14,inset 0 1px #ffffffc7;cursor:grab;touch-action:none;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;z-index:1}.sticky-label-chip.compact{min-height:38px;padding:7px 12px 7px 9px}.sticky-label-chip.dragging{z-index:40;box-shadow:0 20px 50px #0f172a3d;border-color:var(--label-color)}.sticky-label-chip i{width:16px;height:16px;flex:0 0 auto;border-radius:999px;background:var(--label-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--label-color) 15%,transparent)}.label-drop-card{position:relative;border:1.5px solid rgba(226,232,240,.9);transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease}.label-drop-card:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1.5px dashed transparent;border-radius:12px;pointer-events:none}.label-drop-card.drop-active{transform:translateY(-2px);border-color:#3b82f6b8;background:linear-gradient(135deg,#3b82f614,#ec48990d),#fff;box-shadow:0 18px 42px #3b82f624}.label-drop-card.drop-active:after{border-color:#3b82f675}.drop-hint{width:fit-content;display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:999px;border:1px dashed rgba(148,163,184,.5);color:var(--gray-600);font-size:12px;font-weight:800}.job-label-mini.sticky button{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;border:0;border-radius:999px;color:inherit;background:color-mix(in srgb,var(--label-color) 15%,transparent);font-weight:950;cursor:pointer}.label-manager-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;justify-content:center;align-items:flex-start;padding:max(18px,env(safe-area-inset-top)) 18px 18px;background:#0f172a8a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-y:auto}.label-manager{width:min(820px,100%);margin-top:clamp(12px,6vh,54px);border-radius:26px;padding:clamp(18px,3vw,28px);background:#fffffff5;border:1px solid rgba(226,232,240,.9);box-shadow:0 32px 100px #0f172a47}.label-manager__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.label-manager__head h3{color:var(--gray-800);font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.04em}.label-manager__head p{margin-top:5px;color:var(--gray-600);line-height:1.55}.label-editor-form{display:grid;grid-template-columns:1fr 58px auto auto;gap:10px;align-items:center;padding:14px;border-radius:18px;background:#f8fafceb;border:1px solid rgba(226,232,240,.9)}.label-editor-form input:not([type=color]){width:100%;min-height:46px;border-radius:12px;border:1px solid var(--gray-200);padding:10px 12px}.label-editor-form input[type=color]{width:58px;min-height:46px;padding:4px;border-radius:12px;border:1px solid var(--gray-200);background:#fff}.label-manager-list{display:grid;gap:10px;margin-top:16px}.label-manager-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:18px;border:1px solid rgba(226,232,240,.9);background:#ffffffb8}.label-manager-item>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}body[data-theme=dark] .invoice-label-workbench,body[data-theme=dark] .label-editor-form,body[data-theme=dark] .label-manager-item{background:#0f172a9e;border-color:#94a3b82e}.invoice-sticky-labels-bar{display:flex;align-items:center;position:sticky;top:0;z-index:40;max-height:0;overflow:hidden;opacity:0;pointer-events:none;padding:0;margin-bottom:0;background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:max-height .28s ease,opacity .22s ease,padding .28s ease,margin .28s ease}.invoice-sticky-labels-bar.visible{max-height:70px;opacity:1;pointer-events:auto;padding:10px 0 11px;margin-bottom:16px;box-shadow:0 4px 18px #0000000f;border-bottom:1px solid rgba(0,0,0,.07)}.invoice-sticky-labels-bar .sticky-label-row{flex-wrap:nowrap;overflow-x:auto;flex:1}@media (max-width: 767px){.invoice-sticky-labels-bar{top:calc(var(--header-h) + env(safe-area-inset-top,0px))}}body[data-theme=dark] .invoice-sticky-labels-bar{background:#07111ff7;border-bottom-color:#94a3b81f;box-shadow:0 4px 18px #00000038}body[data-theme=dark] .label-workbench-copy strong,body[data-theme=dark] .label-manager__head h3{color:#f8fafc}body[data-theme=dark] .label-workbench-copy span,body[data-theme=dark] .label-manager__head p,body[data-theme=dark] .drop-hint{color:#94a3b8}body[data-theme=dark] .sticky-label-chip{color:#f8fafc;background:linear-gradient(90deg,color-mix(in srgb,var(--label-color) 24%,rgba(15,23,42,.94)),#0f172ae6);box-shadow:0 12px 28px #0000003d,inset 0 1px #ffffff0d}body[data-theme=dark] .label-drop-card.drop-active{background:linear-gradient(135deg,#3b82f624,#ec489914),#0d1b2ef5!important}body[data-theme=dark] .label-manager{background:linear-gradient(180deg,#12243afa,#07111ffa);border-color:#94a3b82e}body[data-theme=dark] .label-editor-form input:not([type=color]){background:#02061794;border-color:#94a3b838;color:#f8fafc}body[data-theme=dark] .label-editor-form input[type=color]{background:#02061794;border-color:#94a3b838}@media (max-width: 720px){.label-editor-form{grid-template-columns:1fr 58px}.label-editor-form button{grid-column:span 2}.label-manager__head,.label-manager-item{align-items:stretch;flex-direction:column}.label-manager-item>div{justify-content:flex-start}}.label-tag-icon{width:18px;height:18px;flex:0 0 auto;stroke-width:2.2}.label-manager-trigger,.label-workbench-copy strong,.label-manager__head h3{display:inline-flex;align-items:center;gap:8px}.label-workbench-copy strong .label-tag-icon{color:#3b82f6}.label-manager__head h3 .label-tag-icon{width:22px;height:22px;color:#3b82f6}.label-editor-form{grid-template-columns:1fr;align-items:stretch}.label-name-field,.friendly-colour-picker{display:grid;gap:8px}.label-name-field>span,.friendly-colour-picker>span,.label-preview-card>span{color:var(--gray-600);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.label-name-field input{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--gray-200);padding:11px 13px;font-size:16px}.colour-picker-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.colour-swatch,.custom-colour-swatch{--swatch-color: #3b82f6;min-width:46px;height:46px;border-radius:16px;border:2px solid transparent;background:var(--swatch-color);box-shadow:0 10px 24px color-mix(in srgb,var(--swatch-color) 24%,transparent),inset 0 1px #ffffff47;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.colour-swatch:hover,.custom-colour-swatch:hover{transform:translateY(-2px)}.colour-swatch.active{border-color:#0f172a;box-shadow:0 0 0 4px color-mix(in srgb,var(--swatch-color) 20%,transparent),0 14px 28px color-mix(in srgb,var(--swatch-color) 25%,transparent)}.custom-colour-swatch{width:auto;min-width:112px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:#fff;font-size:13px;font-weight:900;overflow:hidden;position:relative}.custom-colour-swatch:before{content:"";width:14px;height:14px;border-radius:999px;background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#ef4444);border:2px solid rgba(255,255,255,.75)}.custom-colour-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.label-preview-card{--label-color: #3b82f6;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--label-color) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--label-color) 12%,white),#ffffffd1)}.label-preview-card b{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:#0f172a;background:#ffffffb8;border:1px solid color-mix(in srgb,var(--label-color) 34%,transparent)}.label-preview-card i{width:12px;height:12px;border-radius:999px;background:var(--label-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--label-color) 16%,transparent)}.label-editor-actions{display:flex;flex-wrap:wrap;gap:10px}body[data-theme=dark] .label-name-field input{background:#02061794;border-color:#94a3b838;color:#f8fafc}body[data-theme=dark] .label-name-field>span,body[data-theme=dark] .friendly-colour-picker>span,body[data-theme=dark] .label-preview-card>span{color:#94a3b8}body[data-theme=dark] .colour-swatch.active{border-color:#f8fafc}body[data-theme=dark] .label-preview-card{background:linear-gradient(135deg,color-mix(in srgb,var(--label-color) 16%,rgba(15,23,42,.96)),#0f172adb)}body[data-theme=dark] .label-preview-card b{color:#f8fafc;background:#02061770}.job-chart-legend button{cursor:pointer;transition:transform .14s ease,opacity .14s ease,border-color .14s ease,box-shadow .14s ease}.job-chart-legend button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--label-color) 48%,transparent)}.job-chart-legend button.active{color:#0f172a;border-color:var(--label-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--label-color) 18%,transparent);background:color-mix(in srgb,var(--label-color) 18%,white)}.job-chart-legend button.muted{opacity:.42}.job-chart-legend .clear-filter{--label-color: #64748b;background:#0f172a0f;border-style:dashed}body[data-theme=dark] .job-chart-legend button.active{color:#f8fafc;background:color-mix(in srgb,var(--label-color) 24%,rgba(15,23,42,.9))}body[data-theme=dark] .job-chart-legend .clear-filter{background:#94a3b81a}.label-drop-card.label-just-stuck{overflow:visible;animation:invoiceLabelStickCard .52s cubic-bezier(.2,1.6,.34,1) both}.label-drop-card.label-just-stuck .job-label-mini.sticky{position:relative;transform-origin:16px 50%;animation:labelStickIn .76s cubic-bezier(.16,1.45,.28,1) both;box-shadow:0 14px 30px color-mix(in srgb,var(--label-color) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--label-color) 30%,transparent)}.label-drop-card.label-just-stuck .job-label-mini.sticky:before,.label-drop-card.label-just-stuck .job-label-mini.sticky:after{content:"";position:absolute;top:-7px;width:24px;height:10px;border-radius:3px;background:#ffffff9e;border:1px solid rgba(148,163,184,.22);box-shadow:0 3px 8px #0f172a1a;pointer-events:none}.label-drop-card.label-just-stuck .job-label-mini.sticky:before{left:10px;transform:rotate(-9deg)}.label-drop-card.label-just-stuck .job-label-mini.sticky:after{right:10px;transform:rotate(8deg)}.label-drop-card.label-just-stuck:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;border:2px solid color-mix(in srgb,var(--label-color, #3b82f6) 34%,transparent);opacity:0;pointer-events:none;animation:labelStickPulse .68s ease-out both}@keyframes labelStickIn{0%{opacity:0;transform:translate3d(-24px,-18px,0) rotate(-9deg) scale(1.22);filter:blur(2px)}46%{opacity:1;transform:translate3d(3px,2px,0) rotate(3deg) scale(.96);filter:blur(0)}68%{transform:translate3d(-1px,-1px,0) rotate(-1.5deg) scale(1.03)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes invoiceLabelStickCard{0%{transform:scale(1)}42%{transform:scale(1.012)}to{transform:scale(1)}}@keyframes labelStickPulse{0%{opacity:.55;transform:scale(.985)}to{opacity:0;transform:scale(1.035)}}body[data-theme=dark] .label-drop-card.label-just-stuck .job-label-mini.sticky:before,body[data-theme=dark] .label-drop-card.label-just-stuck .job-label-mini.sticky:after{background:#e2e8f038;border-color:#94a3b838}@media (prefers-reduced-motion: reduce){.label-drop-card.label-just-stuck,.label-drop-card.label-just-stuck .job-label-mini.sticky,.label-drop-card.label-just-stuck:before{animation:none}}.invoice-layout-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--gray-200);background:#ffffffb8;box-shadow:var(--shadow)}.invoice-layout-toggle button{min-height:36px;border:0;border-radius:999px;padding:7px 12px;color:var(--gray-600);background:transparent;font-size:13px;font-weight:850;transition:background .16s ease,color .16s ease,transform .16s ease}.invoice-layout-toggle button:hover{transform:translateY(-1px);color:var(--blue)}.invoice-layout-toggle button.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-light));box-shadow:0 10px 22px #3b82f638}.invoice-list--animated{will-change:contents}.invoice-list--rows{display:flex;flex-direction:column;gap:8px}.invoice-list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));grid-auto-flow:dense;grid-auto-rows:86px;gap:14px;align-items:stretch}.invoice-list--grid .label-drop-card{min-height:100%;align-items:flex-start;flex-direction:column;border-radius:22px;padding:18px;overflow:hidden;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--label-color, #3b82f6) 12%,transparent),transparent 10rem),#fff}.invoice-list--grid .label-drop-card:after{border-radius:18px}.invoice-list--grid .label-drop-card:nth-child(6n+1){grid-row:span 2;border-radius:28px 18px}.invoice-list--grid .label-drop-card:nth-child(6n+2){grid-column:span 2;border-radius:18px 32px 18px 24px}.invoice-list--grid .label-drop-card:nth-child(6n+3){grid-row:span 2;border-radius:18px 18px 34px}.invoice-list--grid .label-drop-card:nth-child(6n+5){grid-column:span 2;border-radius:30px 18px 18px}.invoice-list--grid .inv-card-left,.invoice-list--grid .inv-card-right{width:100%}.invoice-list--grid .inv-card-right{margin-top:auto;align-items:flex-start}.invoice-list--grid .inv-number{font-size:12px}.invoice-list--grid .inv-customer{margin-top:2px;font-size:clamp(1rem,2.3vw,1.32rem);line-height:1.05;letter-spacing:-.035em}.invoice-list--grid .inv-amount{font-size:1.25rem}.invoice-list--grid .drop-hint,.invoice-list--grid .job-label-mini{margin-top:10px}body[data-theme=dark] .invoice-layout-toggle{background:#0f172ab8;border-color:#94a3b82e}body[data-theme=dark] .invoice-layout-toggle button{color:#a8b3c5}body[data-theme=dark] .invoice-layout-toggle button:hover{color:#f8fafc}body[data-theme=dark] .invoice-list--grid .label-drop-card{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--label-color, #3b82f6) 16%,transparent),transparent 10rem),linear-gradient(180deg,#12243af5,#0d1b2ef5)!important}@media (max-width: 760px){.invoice-list--grid{grid-template-columns:1fr;grid-auto-rows:auto}.invoice-list--grid .label-drop-card,.invoice-list--grid .label-drop-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:150px}}@media (max-width: 520px){.invoice-layout-toggle{width:100%}.invoice-layout-toggle button{flex:1}}.invoice-list--grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:96px}.invoice-list--grid .label-drop-card{grid-row:span 2;min-height:192px;overflow:visible;justify-content:flex-start;gap:12px}.invoice-list--grid .label-drop-card:nth-child(6n+1),.invoice-list--grid .label-drop-card:nth-child(6n+3){grid-row:span 3;min-height:302px}.invoice-list--grid .label-drop-card:nth-child(6n+2),.invoice-list--grid .label-drop-card:nth-child(6n+5){grid-row:span 2;min-height:192px}.invoice-list--grid .inv-card-left{min-width:0;gap:5px}.invoice-list--grid .inv-number,.invoice-list--grid .inv-customer,.invoice-list--grid .inv-date,.invoice-list--grid .inv-amount{max-width:100%;overflow-wrap:anywhere}.invoice-list--grid .inv-customer{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.12}.invoice-list--grid .inv-card-right{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.invoice-list--grid .badge{white-space:nowrap}.invoice-list--grid .job-label-mini,.invoice-list--grid .drop-hint{max-width:100%;white-space:normal}.invoice-list--grid .job-label-mini.sticky button{flex:0 0 auto}@media (max-width: 980px){.invoice-list--grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.invoice-list--grid .label-drop-card:nth-child(n){grid-column:auto}}html,body,#root,.page-container,.app-shell,.main-content,.landing-page,.marketing-page{max-width:100%;overflow-x:clip}.invoice-list--animated{overflow:clip;padding:2px;margin:-2px}.label-manager-backdrop,.label-manager{overflow-x:clip}@supports not (overflow: clip){html,body,#root,.page-container,.app-shell,.main-content,.landing-page,.marketing-page,.invoice-list--animated,.label-manager-backdrop,.label-manager{overflow-x:hidden}}.invoice-list--grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:10px;grid-auto-flow:dense;gap:14px}.invoice-list--grid .label-drop-card,.invoice-list--grid .label-drop-card:nth-child(n){grid-column:span 1;grid-row:span 20;min-height:0;height:100%;justify-content:space-between}.invoice-list--grid .label-drop-card:nth-child(10n+1){grid-row:span 26;border-radius:30px 18px 24px}.invoice-list--grid .label-drop-card:nth-child(10n+2){grid-column:span 2;grid-row:span 18;border-radius:18px 34px 18px 24px}.invoice-list--grid .label-drop-card:nth-child(10n+3){grid-row:span 23;border-radius:22px 18px 34px}.invoice-list--grid .label-drop-card:nth-child(10n+4){grid-row:span 17;border-radius:18px 26px 18px 18px}.invoice-list--grid .label-drop-card:nth-child(10n+5){grid-column:span 2;grid-row:span 21;border-radius:34px 18px 18px 26px}.invoice-list--grid .label-drop-card:nth-child(10n+6){grid-row:span 24;border-radius:18px 18px 28px 28px}.invoice-list--grid .label-drop-card:nth-child(10n+7){grid-row:span 18;border-radius:24px 30px 18px 18px}.invoice-list--grid .label-drop-card:nth-child(10n+8){grid-column:span 2;grid-row:span 19;border-radius:18px 18px 32px 22px}.invoice-list--grid .label-drop-card:nth-child(10n+9){grid-row:span 22;border-radius:28px 18px 18px 30px}.invoice-list--grid .label-drop-card:nth-child(10n){grid-row:span 16;border-radius:18px 24px 28px 18px}.invoice-list--grid .inv-card-left{flex:1 1 auto}.invoice-list--grid .inv-card-right{flex:0 0 auto;padding-top:10px;border-top:1px solid rgba(148,163,184,.14)}.invoice-list--grid .label-drop-card:nth-child(10n+2) .inv-card-right,.invoice-list--grid .label-drop-card:nth-child(10n+5) .inv-card-right,.invoice-list--grid .label-drop-card:nth-child(10n+8) .inv-card-right{margin-top:8px}@media (max-width: 1180px){.invoice-list--grid .label-drop-card:nth-child(n){grid-column:span 1}}@media (max-width: 760px){.invoice-list--grid{grid-template-columns:1fr;grid-auto-rows:auto}.invoice-list--grid .label-drop-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:170px}}.landing-nav,.landing-hero__copy,.landing-hero__visual,.benefits-section,.showcase-section,.workflow-section,.final-cta,.landing-footer{animation-duration:1.1s}.landing-nav,.landing-hero__copy,.landing-hero__visual,.benefits-section,.showcase-section,.workflow-section,.final-cta,.landing-footer{animation-duration:1.55s}.landing-section{position:relative;margin-top:clamp(28px,6vw,88px);padding-top:clamp(88px,10vw,150px);padding-bottom:clamp(88px,10vw,150px)}.landing-section:before{content:"";position:absolute;left:50%;top:0;width:min(1120px,calc(100vw - 42px));height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(148,163,184,.22),rgba(59,130,246,.24),rgba(245,158,11,.2),transparent)}.landing-section:after{content:"";position:absolute;left:50%;top:-18px;width:min(760px,72vw);height:90px;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(59,130,246,.1),transparent 68%);filter:blur(4px)}.benefits-section{border-radius:44px;padding-inline:clamp(0px,2vw,26px)}.benefits-editorial,.finance-motion-panel,.workflow-rail,.final-cta__card{position:relative;z-index:1}.showcase-section{margin-top:clamp(48px,7vw,110px);margin-bottom:clamp(38px,6vw,96px)}.workflow-section{background:radial-gradient(circle at 8% 18%,rgba(59,130,246,.1),transparent 22rem),radial-gradient(circle at 92% 8%,rgba(245,158,11,.07),transparent 20rem);border-radius:42px}.final-cta{margin-top:clamp(42px,7vw,104px)}.landing-footer{margin-top:32px;border-top:1px solid rgba(148,163,184,.16)}@media (max-width: 720px){.landing-section{margin-top:36px;padding-top:76px;padding-bottom:76px}.workflow-section,.benefits-section{border-radius:30px}}.landing-nav,.landing-hero__copy,.landing-hero__visual,.benefits-section,.showcase-section,.workflow-section,.final-cta,.landing-footer,.marketing-hero,.marketing-story-card,.pricing-card,.contact-card{animation:none!important}.benefits-section,.showcase-section,.workflow-section{overflow:clip}.benefit-list,.showcase-points,.workflow-rail{will-change:transform}.landing-hero__visual,.dashboard-mockup,.invoice-mockup{transform-origin:center center}@supports not (overflow: clip){.benefits-section,.showcase-section,.workflow-section{overflow:hidden}}@media (max-width: 720px){.benefit-list,.showcase-points,.workflow-rail{transform:none!important}}.landing-page,.marketing-page{scroll-behavior:smooth}.story-section{--story-depth: 0;position:relative;isolation:isolate}.story-section:before{opacity:calc(.25 + (var(--story-depth) * .35))}.story-section .dashboard-mockup,.story-section .invoice-mockup,.story-section .finance-motion-panel,.story-section .final-cta__card,.story-section .marketing-story-card,.story-section .pricing-card,.story-section .contact-card{backface-visibility:hidden;transform-style:preserve-3d}@media (min-width: 900px){.landing-hero,.landing-section,.final-cta,.marketing-hero,.marketing-grid-section,.pricing-grid,.contact-layout{min-height:min(980px,100svh);display:grid;align-content:center}.showcase-section{min-height:min(980px,calc(100svh - 48px))}}@media (prefers-reduced-motion: reduce){.story-section *{transition:none!important;animation:none!important;transform:none!important;filter:none!important;opacity:1!important}}@media (min-width: 980px) and (prefers-reduced-motion: no-preference){.landing-page main,.marketing-page main{scroll-snap-type:y proximity}.landing-hero,.landing-section,.showcase-section,.final-cta,.marketing-hero,.marketing-grid-section,.pricing-grid,.contact-layout{scroll-snap-align:start;scroll-snap-stop:normal}}.finance-lottie-control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:min(360px,82vw);aspect-ratio:1;padding:0;border:0;border-radius:28px;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.finance-lottie-control:focus-visible{outline:3px solid rgba(96,165,250,.75);outline-offset:6px}.finance-lottie-control .finance-lottie{width:100%}.finance-lottie-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;color:#dbeafe;background:#0f172ab8;border:1px solid rgba(148,163,184,.2);box-shadow:0 12px 28px #0000002e,inset 0 1px #ffffff0f;font-size:12px;font-weight:900;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.finance-lottie-control:hover .finance-lottie-hint,.finance-lottie-control:focus-visible .finance-lottie-hint,.finance-lottie-control.is-playing .finance-lottie-hint{opacity:1;transform:translate(-50%) translateY(-2px)}@media (hover: none),(pointer: coarse){.finance-motion-panel{text-align:left}.finance-motion-art{min-height:auto;padding:10px 0 4px}.finance-lottie-control{width:min(300px,78vw);border-radius:24px}.finance-lottie-hint{opacity:1;bottom:4px;font-size:11px;background:#07111fd1}}@media (max-width: 420px){.finance-lottie-control{width:min(260px,74vw)}.finance-motion-copy h3{font-size:clamp(1.7rem,10vw,2.4rem)}.finance-motion-copy p{font-size:.98rem}}@media (prefers-reduced-motion: reduce){.finance-lottie-hint{display:none}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:0;overflow-x:clip}img,svg,canvas,video{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}@media (max-width: 767px){:root{--header-h: 64px}.mobile-header{height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;box-shadow:0 10px 28px #0206172e}.hamburger{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px}.mobile-menu-overlay{padding-top:env(safe-area-inset-top)}.mobile-menu{width:min(315px,86vw);padding:calc(18px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom))}.main-content{padding-top:calc(var(--header-h) + env(safe-area-inset-top))}.page-container{width:100%;padding:18px 14px calc(84px + env(safe-area-inset-bottom))}.page-header{gap:12px;margin-bottom:18px}.page-header h2{font-size:clamp(1.35rem,7vw,2rem);line-height:1.05;letter-spacing:-.045em}.page-header>div,.header-actions,.page-header [style*="display: flex"]{width:100%}.header-actions,.page-header [style*="display: flex"]{justify-content:stretch}.header-actions>*,.page-header [style*="display: flex"]>a,.page-header [style*="display: flex"]>button{flex:1 1 auto}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-whatsapp,.landing-btn,.landing-nav-cta{min-height:48px;padding-left:16px;padding-right:16px}.card,.stat-card,.invoice-card,.quote-list-card,.invoice-detail-card,.quote-detail-card,.form-card,.send-panel,.reminders-panel{border-radius:18px}.stats-grid,.metric-grid,.field-grid,.detail-grid,.settings-grid,.dashboard-grid,.contact-layout,.pricing-grid{grid-template-columns:1fr!important}.stat-card{min-height:112px;padding:18px}.stat-value{font-size:clamp(1.55rem,8vw,2.25rem)}.chart-card{overflow:hidden}.chart-header-actions,.chart-controls,.filter-bar{flex-direction:column;align-items:stretch!important}.filter-tabs,.chart-toggle,.job-chart-legend,.sticky-label-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.filter-tabs::-webkit-scrollbar,.chart-toggle::-webkit-scrollbar,.job-chart-legend::-webkit-scrollbar,.sticky-label-row::-webkit-scrollbar{display:none}.tab,.chart-toggle button,.job-chart-legend button,.sticky-label-chip{flex:0 0 auto}.search-input,.dashboard-range-select,select,input:not([type=checkbox]):not([type=radio]),textarea{width:100%;min-height:48px}.invoice-card{align-items:flex-start;gap:14px;padding:16px}.invoice-list--rows .invoice-card,.invoice-list:not(.invoice-list--grid) .invoice-card{flex-direction:column}.inv-card-left,.inv-card-right{width:100%;align-items:flex-start}.inv-card-right{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.invoice-label-workbench{padding:16px}.label-workbench-copy strong{font-size:14px}.label-workbench-copy span{line-height:1.45}.items-table{display:grid;gap:12px}.items-header{display:none!important}.totals-summary{margin-left:0!important;width:100%}.inv-preview-meta,.invoice-paper__head,.inv-bank-details .bank-grid,.admin-message-head,.admin-inbox-header{grid-template-columns:1fr!important;flex-direction:column;text-align:left}.inv-meta-block.right,.admin-message-meta{text-align:left!important}.inv-items-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.send-results,.status-actions,.reminder-actions,.form-actions{display:grid;grid-template-columns:1fr;gap:10px}.form-actions button,.form-actions a{width:100%}.label-manager-backdrop{align-items:stretch;padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))}.label-manager{margin-top:0;max-height:calc(100svh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;border-radius:22px}}@media (max-width: 719px){.landing-page,.marketing-page{overflow-x:clip}.landing-nav{min-height:64px;padding:12px 0;gap:10px}.landing-brand{padding:7px 8px;border-radius:14px}.landing-brand .duely-logo--wordmark img{height:40px;width:auto}.landing-nav-actions{width:auto!important;margin-left:auto}.landing-nav-actions .landing-nav-cta{white-space:nowrap;font-size:13px}.landing-hero{width:min(100% - 28px,1180px);min-height:auto!important;padding:34px 0 72px;gap:30px}.landing-hero__copy{text-align:left}.landing-hero h1{max-width:100%;margin-inline:0;font-size:clamp(2.15rem,10.5vw,3rem)!important;line-height:1.08!important;letter-spacing:-.02em!important}.landing-hero p{margin-left:0;margin-right:0;font-size:1rem;line-height:1.65}.landing-hero__actions,.hero-proof{justify-content:flex-start}.landing-hero__actions .landing-btn{width:100%}.hero-proof{gap:8px}.hero-proof span{font-size:11px}.landing-section,.benefits-section,.workflow-section,.final-cta,.landing-footer,.marketing-page main{width:min(100% - 28px,1180px)!important}.landing-section{min-height:auto!important;margin-top:26px;padding-top:68px;padding-bottom:68px}.landing-section-intro h2,.marketing-hero h1,.final-cta h2{font-size:clamp(1.7rem,8.5vw,2.5rem)!important;line-height:1.1!important;letter-spacing:-.016em!important}.benefits-editorial,.showcase-grid,.workflow-rail,.marketing-grid-section,.pricing-grid,.contact-layout{grid-template-columns:1fr!important}.benefit-featured,.benefit-list article,.showcase-section,.workflow-rail article,.final-cta__card,.marketing-story-card,.pricing-card,.contact-card{border-radius:24px}.benefit-featured{min-height:360px}.reminder-stack{position:relative;left:auto;right:auto;bottom:auto;margin-top:24px}.showcase-section{width:min(100% - 20px,1180px)!important;padding:22px}.product-stage .dashboard-mockup,.landing-hero__visual .dashboard-mockup{min-height:310px!important}.quote-strip{width:100%;grid-template-columns:1fr}.quote-strip em{grid-row:auto;justify-self:start}.final-cta__card{padding:30px 18px}.landing-footer{align-items:flex-start;text-align:left}.landing-footer>div{justify-content:flex-start}.marketing-hero{min-height:auto!important;padding:44px 0 30px}.pricing-card{min-height:auto}}@media (max-width: 380px){.page-container{padding-left:10px;padding-right:10px}.landing-hero,.landing-section,.benefits-section,.workflow-section,.final-cta,.landing-footer,.marketing-page main{width:min(100% - 20px,1180px)!important}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-whatsapp{font-size:13px;padding-left:12px;padding-right:12px}}@media (max-width: 480px){.auth-card{width:min(100%,calc(100vw - 24px));padding:22px 18px}}.mobile-bottom-nav{display:none}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mobile-label-strip{display:none}.dashboard-chart-scroll,.dashboard-chart-inner{width:100%}.mobile-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mobile-section-title h3{margin:0}.mobile-label-scroller{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -2px -10px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.mobile-label-scroller::-webkit-scrollbar,.job-chart-legend::-webkit-scrollbar,.dashboard-chart-scroll::-webkit-scrollbar{display:none}.mobile-label-pill{--label-color: #3b82f6;flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;min-height:38px;border-radius:999px;border:1px solid color-mix(in srgb,var(--label-color) 34%,transparent);background:color-mix(in srgb,var(--label-color) 11%,white);color:var(--gray-800);padding:8px 12px;font-size:13px;font-weight:800;white-space:nowrap}.mobile-label-pill i{width:9px;height:9px;border-radius:50%;background:var(--label-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--label-color) 14%,transparent)}.mobile-label-pill.active{background:var(--label-color);border-color:var(--label-color);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--label-color) 24%,transparent)}.mobile-label-pill.active i{background:#fff;box-shadow:0 0 0 3px #ffffff38}@media (max-width: 767px){:root{--header-h: 54px;--radius: 14px}html{font-size:15px}body{background:#eef3f9;overflow-x:hidden}.mobile-header{height:var(--header-h);padding:0 14px max(0px,env(safe-area-inset-top));background:#0f172af5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.mobile-logo .duely-logo{padding:4px 7px;border-radius:9px}.mobile-logo .duely-logo--wordmark img{height:40px;width:auto}.hamburger{width:42px;height:42px;border-radius:14px;background:#ffffff17;font-size:21px}.main-content{padding-top:calc(var(--header-h) + env(safe-area-inset-top));padding-bottom:calc(76px + env(safe-area-inset-bottom))}.page-container{max-width:none;width:100%;padding:14px 12px calc(94px + env(safe-area-inset-bottom))}.page-header{gap:10px;margin-bottom:12px;align-items:center}.page-header h2{font-size:20px;line-height:1.1;letter-spacing:-.03em}.page-header p{font-size:12px;margin-top:1px}.dashboard-actions{width:100%;display:grid;grid-template-columns:.85fr .85fr 1fr;gap:7px}.dashboard-actions .btn-primary,.dashboard-actions .btn-secondary{min-height:39px;padding:8px 9px;border-radius:12px;font-size:12px;white-space:nowrap}.card{border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 10px 28px #0f172a12}.card h3{font-size:14px;margin-bottom:10px}.card-header{margin-bottom:10px;gap:8px;align-items:center}.card-header .btn-ghost{min-height:36px;padding:6px 8px;font-size:12px}.hint{font-size:11px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.stat-card{position:relative;overflow:hidden;min-height:86px;padding:12px 10px;border-left-width:0!important;border-top:3px solid transparent;gap:8px;align-items:flex-start;border-radius:16px}.stat-card.paid{border-top-color:var(--green)}.stat-card.unpaid{border-top-color:var(--amber)}.stat-card.overdue{border-top-color:var(--red)}.stat-card.monthly{border-top-color:var(--blue-light)}.stat-icon{font-size:19px;line-height:1;margin-top:2px}.stat-content{min-width:0}.stat-label{font-size:10px;letter-spacing:.04em}.stat-value{font-size:clamp(16px,4.8vw,20px);line-height:1.05;margin-top:4px;letter-spacing:-.05em;word-break:break-word}.stat-sub{font-size:10px;margin-top:3px}.mobile-label-strip{display:block;padding-bottom:12px}.mobile-section-title .btn-ghost{min-height:34px;padding:4px 9px;font-size:12px}.dashboard-chart-card{padding:12px 0 4px;overflow:hidden}.dashboard-chart-card>.ec-title,.dashboard-chart-card>.ec-row-2,.dashboard-chart-card>.chart-empty,.dashboard-chart-card>.ec-legend{padding-left:12px;padding-right:12px}.ec-row-2{flex-wrap:wrap;gap:8px;margin-bottom:10px}.chart-header-actions{display:grid;grid-template-columns:1fr;gap:10px;padding-bottom:10px}.chart-header-actions h3{font-size:14px;line-height:1.2}.chart-controls{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.chart-range-control{width:100%}.dashboard-range-select{width:100%;min-height:38px;border-radius:12px;font-size:13px;padding-top:7px;padding-bottom:7px}.chart-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:13px}.chart-toggle button{min-height:36px;padding:7px 8px;font-size:12px;border-radius:10px}.job-chart-legend{flex-wrap:nowrap;overflow-x:auto;gap:7px;padding:2px 12px 10px;margin:0 -12px 8px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.job-chart-legend button{flex:0 0 auto;min-height:36px;padding:8px 11px;font-size:12px;scroll-snap-align:start;white-space:nowrap}.job-chart-legend .clear-filter{min-width:84px}.dashboard-chart-scroll{overflow-x:auto;padding:0 8px 2px;-webkit-overflow-scrolling:touch}.dashboard-chart-inner{min-width:520px;height:240px}.invoice-list{gap:9px}.invoice-card{min-height:82px;align-items:flex-start;padding:12px;border-radius:15px;box-shadow:0 8px 22px #0f172a0f}.inv-card-left{min-width:0;max-width:68%;gap:3px}.inv-number{font-size:11px}.inv-customer{font-size:14px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-date{font-size:11px}.inv-card-right{gap:5px;flex:0 0 auto}.inv-amount{font-size:15px;letter-spacing:-.03em}.badge{font-size:10px;padding:3px 8px}.job-label-mini{min-height:26px;padding:4px 8px;font-size:11px;max-width:100%}.filter-bar{gap:8px;margin-bottom:12px}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}.tab{flex:0 0 auto;min-height:36px;padding:7px 12px;font-size:12px}.search-input{min-height:40px;font-size:16px;border-radius:12px}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:210;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;min-height:64px;border-radius:22px;background:#0f172af0;color:#cbd5e1;box-shadow:0 18px 44px #02061757;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.09)}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;border-radius:16px;font-size:10px;font-weight:800;color:#94a3b8}.bottom-nav-link .nav-icon{width:20px;height:20px;display:inline-flex}.bottom-nav-link .nav-icon svg{width:20px;height:20px}.bottom-nav-link.active{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 8px 22px #2563eb52}.mobile-menu{width:min(86vw,300px);padding-top:calc(18px + env(safe-area-inset-top));border-radius:24px 0 0 24px}}@media (max-width: 380px){.dashboard-actions{grid-template-columns:1fr 1fr}.dashboard-actions .btn-primary{grid-column:1 / -1}.stat-card{min-height:82px;padding:10px 9px}.stat-icon{display:none}.dashboard-chart-inner{min-width:470px}}body[data-theme=dark] .mobile-label-pill{background:color-mix(in srgb,var(--label-color) 16%,rgba(15,23,42,.9));color:#e2e8f0}body[data-theme=dark] .mobile-label-pill.active{color:#fff;background:var(--label-color)}@media (max-width: 767px){body[data-theme=dark] body,body[data-theme=dark]{background:#07111f}body[data-theme=dark] .card,body[data-theme=dark] .stat-card,body[data-theme=dark] .invoice-card{box-shadow:0 12px 30px #00000042}}.mobile-app-title,.mobile-fab-cluster,.mobile-label-help,.mobile-label-apply-banner{display:none}@media (max-width: 767px){body{background:radial-gradient(circle at 50% -12%,rgba(59,130,246,.14),transparent 18rem),linear-gradient(180deg,#eef4fb,#f8fafc 42%,#eef3f9)}.mobile-header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0}.mobile-app-title{display:grid;min-width:0;line-height:1.08}.mobile-app-title strong{color:#f8fafc;font-size:15px;font-weight:900;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-app-title span{color:#94a3b8;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-logo .duely-logo--wordmark img{height:36px;width:auto}.main-content{padding-top:calc(62px + env(safe-area-inset-top))}.page-container{padding:12px 10px calc(106px + env(safe-area-inset-bottom))}.page-header{position:sticky;top:calc(62px + env(safe-area-inset-top));z-index:40;margin:-2px -10px 12px;padding:10px 10px 12px;border-bottom:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#f8fafcf5,#f8fafcdb);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-header h2{font-size:19px}.page-header p{color:#64748b}.dashboard-actions,.page-header>.btn-primary,.page-header>.btn-secondary,.page-header>a.btn-primary,.page-header>a.btn-secondary{display:none!important}.stats-grid{display:flex;gap:9px;overflow-x:auto;padding:0 2px 7px;margin:0 -2px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.stats-grid::-webkit-scrollbar{display:none}.stat-card{flex:0 0 43vw;max-width:174px;min-height:96px;scroll-snap-align:start;border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.72),transparent 58%),#fff}.stat-value{font-size:clamp(17px,5.2vw,22px)}.card,.invoice-card,.label-drop-card,.pdf-dropzone,.auth-card{border:1px solid rgba(226,232,240,.78);box-shadow:0 12px 28px #0f172a14}.dashboard-chart-card{border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff)}.dashboard-chart-inner{min-width:390px;height:220px}.dashboard-chart-inner .recharts-responsive-container{height:220px!important}.dashboard-chart-scroll{scroll-snap-type:x proximity}.mobile-label-strip{position:relative;border-radius:20px;background:linear-gradient(135deg,#fff,#f8fbff)}.filter-bar,.invoice-label-workbench{border-radius:20px;background:#ffffffdb;border:1px solid rgba(226,232,240,.82);box-shadow:0 10px 24px #0f172a0f}.filter-bar{padding:10px}.invoice-label-workbench{padding:12px}.desktop-label-help{display:none!important}.mobile-label-help{display:inline}.sticky-label-row{margin:0 -12px;padding:4px 12px 9px;overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity}.sticky-label-chip{min-height:38px;flex:0 0 auto;scroll-snap-align:start;border-radius:999px}.sticky-label-chip.dragging{transform:none!important}.drop-hint{display:none}.mobile-label-apply-banner{--label-color: #3b82f6;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:9px 10px;border-radius:15px;background:color-mix(in srgb,var(--label-color) 14%,white);border:1px solid color-mix(in srgb,var(--label-color) 28%,transparent)}.mobile-label-apply-banner span{display:inline-flex;align-items:center;gap:8px;min-width:0;color:#0f172a;font-size:12px;font-weight:900}.mobile-label-apply-banner i{width:10px;height:10px;border-radius:999px;background:var(--label-color)}.mobile-label-apply-banner button{min-height:32px;padding:5px 10px;border:0;border-radius:999px;color:#fff;background:var(--label-color);font-size:12px;font-weight:900}.invoice-list,.invoice-list--rows,.invoice-list--grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;grid-auto-rows:auto!important}.invoice-card,.invoice-list--grid .label-drop-card,.invoice-list--grid .label-drop-card:nth-child(n){display:grid!important;grid-template-columns:1fr auto;min-height:78px!important;height:auto!important;padding:12px!important;border-radius:18px!important;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--label-color, #3b82f6) 10%,transparent),transparent 8rem),#fff!important}.inv-card-left{width:auto;max-width:none;min-width:0}.inv-card-right{width:auto;min-width:max-content;align-items:flex-end!important;justify-content:flex-start!important;flex-direction:column!important;padding-top:0!important;border-top:0!important}.inv-customer{max-width:58vw}.field-grid,.settings-grid,.detail-grid{gap:10px}.field input,.field select,.field textarea,.items-row input,.search-input{border-radius:14px!important;background:#f8fafc!important}.settings-form h3,.invoice-form h3{margin-top:10px!important}.form-actions{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));z-index:35;margin:8px -4px 0;padding:8px;border-radius:18px;background:#f8fafce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -12px 34px #0f172a14}.mobile-fab-cluster{position:fixed;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:240;display:grid;justify-items:end;gap:10px;pointer-events:none}.mobile-fab,.mobile-fab-sheet{pointer-events:auto}.mobile-fab{width:58px;height:58px;border:0;border-radius:22px;color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 18px 36px #2563eb61;font-size:31px;line-height:1;font-weight:700}.mobile-fab-cluster.open .mobile-fab{background:linear-gradient(135deg,#0f172a,#334155)}.mobile-fab-sheet{display:grid;gap:7px;width:178px;padding:8px;border-radius:20px;background:#0f172af0;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 44px #02061761;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-fab-sheet button{min-height:42px;border:0;border-radius:14px;background:#ffffff17;color:#f8fafc;padding:8px 10px;text-align:left;font-size:13px;font-weight:850;display:flex;align-items:center;gap:10px}.mobile-bottom-nav{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));min-height:66px;border-radius:24px}.label-manager-backdrop{z-index:500}.label-manager{width:100%;border-radius:24px 24px 0 0;margin-top:auto;max-height:min(86svh,760px)}}@media (max-width: 380px){.mobile-logo .duely-logo--wordmark img{height:32px;width:auto}.stat-card{flex-basis:47vw}.mobile-fab{width:54px;height:54px;border-radius:20px}.inv-customer{max-width:54vw}}@media (max-width: 767px){body[data-theme=dark]{background:#07111f}body[data-theme=dark] .page-header,body[data-theme=dark] .form-actions{background:#07111ff5;border-color:#94a3b829}body[data-theme=dark] .filter-bar,body[data-theme=dark] .invoice-label-workbench,body[data-theme=dark] .mobile-label-strip,body[data-theme=dark] .dashboard-chart-card{background:linear-gradient(180deg,#12243af5,#0d1b2ef0);border-color:#94a3b82e}body[data-theme=dark] .invoice-card,body[data-theme=dark] .invoice-list--grid .label-drop-card,body[data-theme=dark] .invoice-list--grid .label-drop-card:nth-child(n){background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--label-color, #3b82f6) 15%,transparent),transparent 8rem),linear-gradient(180deg,#12243af5,#0d1b2ef5)!important}body[data-theme=dark] .field input,body[data-theme=dark] .field select,body[data-theme=dark] .field textarea,body[data-theme=dark] .items-row input,body[data-theme=dark] .search-input{background:#020617b8!important}body[data-theme=dark] .mobile-label-apply-banner{background:color-mix(in srgb,var(--label-color) 18%,rgba(15,23,42,.92))}body[data-theme=dark] .mobile-label-apply-banner span{color:#f8fafc}}.mobile-chart-command-bar{display:none}@media (max-width: 767px){.dashboard-mobile-page{display:flex;flex-direction:column;gap:0}.dashboard-mobile-page>.page-header{order:0}.dashboard-mobile-page>.dashboard-chart-card{order:1}.dashboard-mobile-page>.stats-grid{order:2}.dashboard-mobile-page>.dashboard-recent-card{order:3}.dashboard-mobile-page .page-header{position:relative;top:auto;display:flex;align-items:center;justify-content:flex-start;margin:0 0 12px;padding:8px 0 2px;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.dashboard-mobile-page .page-header p{display:none}.dashboard-chart-card>.chart-header-actions{display:none!important}.mobile-chart-command-bar{display:grid;position:relative;z-index:2}}@media (max-width: 767px){.dashboard-mobile-page{background-image:none!important}.dashboard-mobile-page .page-header h2{color:var(--gray-800)!important;font-size:28px!important;font-weight:650!important;line-height:1.06;letter-spacing:-.04em}.dashboard-chart-card{position:relative;margin:0 0 12px!important;padding:0!important;border:1px solid rgba(226,232,240,.78)!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 10px 24px #0f172a13!important;overflow:hidden!important}.mobile-chart-command-bar{position:absolute!important;top:8px;left:8px;right:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;margin:0!important;padding:0!important;z-index:5;pointer-events:none}.mobile-chart-range{justify-self:end;max-width:100%;overflow-x:auto;border-radius:999px}.mobile-chart-type{border-radius:999px}.mobile-chart-type,.mobile-chart-range{padding:2px;background:#ffffffdb;border:1px solid rgba(226,232,240,.82);box-shadow:0 8px 22px #0f172a1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.mobile-chart-type button,.mobile-chart-range button{min-height:26px;border-radius:999px;padding:5px 7px;color:var(--gray-600);background:transparent;font-size:10px;font-weight:800;white-space:nowrap}.mobile-chart-type button.active,.mobile-chart-range button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 6px 14px #2563eb47}.dashboard-chart-card>.job-chart-legend{display:none!important}.ec-title{padding:16px 16px 0;margin-bottom:10px}.ec-row-2{padding:0 16px}.earnings-chart-wrap{height:240px}.chart-range-pills{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:0}.chart-range-pills::-webkit-scrollbar{display:none}.chart-range-pill{flex:0 0 auto}.dashboard-mobile-page .stats-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:0!important;margin:0 0 12px!important}.dashboard-mobile-page .stat-card{aspect-ratio:auto!important;min-height:86px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;place-items:initial!important;gap:7px!important;padding:11px 10px!important;border:1px solid rgba(226,232,240,.78)!important;border-top:3px solid transparent!important;border-radius:16px!important;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.72),transparent 58%),#fff!important;box-shadow:0 10px 22px #0f172a12!important;text-align:left!important}.dashboard-mobile-page .stat-card.paid{border-top-color:var(--green)!important}.dashboard-mobile-page .stat-card.unpaid{border-top-color:var(--amber)!important}.dashboard-mobile-page .stat-card.overdue{border-top-color:var(--red)!important}.dashboard-mobile-page .stat-card.monthly{border-top-color:var(--blue-light)!important}.dashboard-mobile-page .stat-icon{display:block!important;font-size:17px!important;line-height:1;margin-top:1px}.dashboard-mobile-page .stat-content{display:block!important;min-width:0}.dashboard-mobile-page .stat-label{color:var(--gray-400)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important}.dashboard-mobile-page .stat-label:after{content:none!important}.dashboard-mobile-page .stat-value{display:block!important;color:var(--gray-800)!important;font-size:clamp(15px,4.1vw,18px)!important;line-height:1.08;margin-top:4px;letter-spacing:-.045em}.dashboard-mobile-page .stat-sub{display:block!important;color:var(--gray-400)!important;font-size:9px!important;margin-top:2px}.dashboard-mobile-page .mobile-label-strip{display:none!important}.dashboard-recent-card{min-height:220px;margin:0 0 12px!important;padding:12px!important;border:1px solid rgba(226,232,240,.78)!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 10px 24px #0f172a13!important}.dashboard-recent-card .card-header{min-height:auto!important;display:flex!important;place-items:initial!important;justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important;padding:0!important}.dashboard-recent-card .card-header h3{color:var(--gray-800)!important;font-size:14px!important;font-weight:800!important;text-align:left!important}.dashboard-recent-card .card-header .hint{display:block!important}.dashboard-recent-card .card-header .btn-ghost{display:inline-flex!important;min-height:34px;padding:5px 8px;font-size:12px}.dashboard-recent-card .invoice-list{padding:0!important}.dashboard-recent-card .invoice-card{background:#fff!important;border:1px solid rgba(226,232,240,.72)!important;box-shadow:0 8px 22px #0f172a0f!important}.mobile-bottom-nav{left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;min-height:60px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:6px!important;border-radius:22px!important;background:#0f172af0!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 16px 38px #02061752!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav-link{display:flex!important;color:#94a3b8!important;border-radius:15px!important;font-size:9px!important}.bottom-nav-link .nav-icon{display:inline-flex!important}.bottom-nav-link:first-child span:last-child:after{content:none!important}.bottom-nav-link:not(:first-child){display:flex!important}.bottom-nav-link.active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;box-shadow:0 8px 22px #2563eb52!important}.mobile-fab-cluster{right:16px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}.mobile-fab{width:54px!important;height:54px!important;border-radius:20px!important;color:#fff!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;box-shadow:0 16px 32px #2563eb57!important;font-size:28px!important;font-weight:700!important}body[data-theme=dark] .dashboard-chart-card,body[data-theme=dark] .dashboard-recent-card,body[data-theme=dark] .dashboard-mobile-page .stat-card{background:linear-gradient(180deg,#12243af5,#0d1b2ef0)!important;border-color:#94a3b82e!important;box-shadow:0 12px 30px #00000042!important}body[data-theme=dark] .dashboard-mobile-page .page-header h2,body[data-theme=dark] .dashboard-mobile-page .stat-value,body[data-theme=dark] .dashboard-recent-card .card-header h3{color:#f8fafc!important}body[data-theme=dark] .mobile-chart-type,body[data-theme=dark] .mobile-chart-range{background:#02061794;border-color:#94a3b838}body[data-theme=dark] .mobile-chart-type button,body[data-theme=dark] .mobile-chart-range button{color:#a8b3c5}body[data-theme=dark] .mobile-chart-type button.active,body[data-theme=dark] .mobile-chart-range button.active{background:#3b82f62e;color:#bfdbfe}}.bank-match-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.bank-match-list li{padding:10px 12px;border-radius:12px;border:1px solid var(--border, rgba(148,163,184,.25));font-size:14px}.link-btn{background:none;border:none;padding:0;font-size:13px;font-weight:600;color:var(--blue-light);text-decoration:underline;cursor:pointer}.bank-connect-list{margin:0;padding:0 0 0 18px;display:grid;gap:6px;font-size:14px;color:var(--gray-600, #475569);line-height:1.55}.community-discord-section{padding:0 clamp(20px,6vw,84px) 48px}.community-discord-card{border-radius:24px;border:1px solid rgba(88,101,242,.38);background:linear-gradient(135deg,#5865f21a,#02061799);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:clamp(24px,4vw,48px);display:flex;align-items:center;gap:28px;flex-wrap:wrap}.community-discord-icon{flex-shrink:0;width:64px;height:64px;border-radius:20px;background:#5865f238;border:1px solid rgba(88,101,242,.45);display:flex;align-items:center;justify-content:center;font-size:30px}.community-discord-copy{flex:1;min-width:220px;display:grid;gap:10px}.community-discord-copy h2{margin:0;color:#f8fafc;font-size:clamp(20px,2.5vw,28px)}.community-discord-copy p{margin:0;color:#cbd5e1;line-height:1.6}.community-discord-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.community-featured{padding:0 clamp(20px,6vw,84px) 28px}.community-grid{padding:0 clamp(20px,6vw,84px) 90px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.community-card{border-radius:24px;border:1px solid rgba(148,163,184,.22);background:#0206178c;padding:clamp(20px,3vw,30px);display:grid;gap:10px;align-content:start}.community-card em{justify-self:start;font-style:normal;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#bfdbfe;background:#3b82f629;border:1px solid rgba(59,130,246,.3);border-radius:999px;padding:5px 10px}.community-card--featured{border-color:#60a5fa80;background:linear-gradient(160deg,#1e3a8a73,#020617b3)}.community-card--featured em{color:#fde68a;background:#f59e0b24;border-color:#f59e0b4d}.community-card h2{margin:0;color:#f8fafc;font-size:clamp(24px,3vw,34px)}.community-card h3{margin:0;color:#f8fafc}.community-card p{margin:0;color:#cbd5e1;line-height:1.7;white-space:pre-wrap}.community-meta{color:#94a3b8;font-size:13px;font-weight:700}.community-empty{grid-column:1 / -1;text-align:center;border:1px dashed rgba(148,163,184,.35);border-radius:24px;padding:48px 24px;color:#cbd5e1}.community-empty h3{color:#f8fafc;margin:0 0 10px}.admin-tabs{display:flex;gap:8px;margin-bottom:24px}.admin-tabs button{border-radius:999px;border:1px solid rgba(148,163,184,.3);background:transparent;color:#cbd5e1;font-weight:800;padding:9px 18px;cursor:pointer}.admin-tabs button.active{background:#3b82f62e;border-color:#60a5fa99;color:#bfdbfe}.admin-community{display:grid;gap:28px}.admin-story-form{border:1px solid rgba(148,163,184,.22);border-radius:20px;padding:22px;display:grid;gap:14px}.admin-story-form h2{margin:0;color:#f8fafc}.admin-story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.admin-story-form label{display:grid;gap:6px;color:#cbd5e1;font-size:13px;font-weight:800}.admin-story-form input,.admin-story-form select,.admin-story-form textarea{border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061794;color:#f8fafc;padding:10px 12px;font-size:14px;outline:none}.admin-story-featured{display:flex!important;align-items:center;gap:10px}.admin-story-featured input{width:16px;height:16px}.admin-story-actions{display:flex;gap:10px}.admin-story-list{display:grid;gap:14px}.public-nav-toggle{display:none}@media (max-width: 719px){.landing-nav{z-index:340}.public-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 auto;border:1px solid rgba(148,163,184,.22);border-radius:15px;background:#08111f9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-nav-toggle__icon{display:grid;gap:4.5px;width:18px}.public-nav-toggle__icon i{display:block;height:2px;border-radius:999px;background:#e2e8f0;transition:transform .2s ease,opacity .2s ease}.public-nav-toggle__icon.open i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.public-nav-toggle__icon.open i:nth-child(2){opacity:0}.public-nav-toggle__icon.open i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}}@media (min-width: 720px){.public-nav-overlay{display:none}}.public-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;background:#0206179e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-nav-sheet{position:absolute;top:calc(72px + env(safe-area-inset-top));left:12px;right:12px;display:grid;gap:14px;padding:14px;border-radius:26px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,#0d1b2efc,#07111ffc);box-shadow:0 30px 80px #00000080;animation:publicSheetIn .24s cubic-bezier(.16,1,.3,1) both}@keyframes publicSheetIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-nav .public-nav-sheet nav{display:grid;gap:4px;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.landing-nav .public-nav-sheet nav a{display:flex;align-items:center;justify-content:flex-start;min-height:52px;padding:12px 16px;border-radius:16px;color:#f8fafce0;font-size:17px;font-weight:800;letter-spacing:-.02em}.landing-nav .public-nav-sheet nav a.active{color:#fff;background:#3b82f629}.landing-nav .public-nav-sheet nav a:active{background:#3b82f638}.public-nav-sheet__actions{display:grid;gap:8px;padding-top:12px;border-top:1px solid rgba(148,163,184,.16)}.public-nav-sheet__actions .landing-btn{width:100%}@media (prefers-reduced-motion: reduce){.public-nav-sheet{animation:none}}@media (max-width: 719px){.feedback-tab{top:auto!important;bottom:calc(16px + env(safe-area-inset-bottom));right:14px;transform:none!important;z-index:95;flex-direction:column;align-items:flex-end}.feedback-tab__handle{writing-mode:horizontal-tb;min-height:44px;padding:10px 18px;border:1px solid rgba(251,191,36,.4);border-radius:999px;font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #02061766}.feedback-tab__handle:before{content:"💬 "}.feedback-tab__panel{order:0;position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));width:auto;border-radius:22px;border:1px solid rgba(148,163,184,.22);box-shadow:0 30px 70px #00000080}}@media (max-width: 719px){.landing-section{margin-top:14px;padding-top:46px;padding-bottom:46px}.landing-hero{padding:22px 0 54px}.landing-hero__actions{margin-top:24px}.showcase-section{margin-top:30px;margin-bottom:22px}.final-cta{margin-top:14px;padding-top:40px}.community-grid{padding:0 0 26px}.community-empty{padding:34px 18px}.marketing-hero{padding:36px 0 22px}.landing-footer{margin-top:12px;padding-bottom:calc(30px + env(safe-area-inset-bottom))}.landing-section:after{display:none}}@media (max-width: 767px){.items-table{gap:10px}.items-row{grid-template-columns:84px 1fr max-content;grid-template-areas:"desc desc del" "qty  price amount";gap:8px;align-items:center;padding:12px 12px 14px;border:1px solid var(--gray-200);border-radius:16px;background:#fff}.items-row>input:nth-child(1){grid-area:desc;grid-column:desc;min-height:44px;font-size:16px}.items-row>input:nth-child(2){grid-area:qty;grid-column:qty;justify-self:stretch;text-align:center;min-height:44px}.items-row .price-input-wrap{grid-area:price;min-height:44px}.items-row .price-input-wrap .price-input{min-height:44px}.items-row .amount-cell{grid-area:amount;grid-column:amount;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:64px;font-size:15px}.items-row .amount-cell:before{content:"Amount";font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400)}.items-row .btn-icon{grid-area:del;grid-column:del;justify-self:end;width:38px;height:38px;min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--red-pale);color:var(--red)}.items-row .btn-icon:disabled{opacity:.35}.items-table+.btn-ghost{width:100%;min-height:48px;border:1.5px dashed rgba(59,130,246,.4);border-radius:14px;color:var(--blue-light);font-weight:800;background:#3b82f60f}.totals-summary{width:100%;margin-top:12px}}@media (max-width: 767px){body[data-theme=dark] .items-row{background:#0f1e33b8;border-color:#94a3b82e}body[data-theme=dark] .items-row .btn-icon{background:#dc262624;color:#fca5a5}body[data-theme=dark] .items-table+.btn-ghost{border-color:#60a5fa5c;color:#93c5fd;background:#3b82f61a}}.legal-content{max-width:820px;padding-bottom:clamp(60px,8vw,110px);color:#a8b3c5;font-size:1.02rem;line-height:1.7}.legal-content h2{margin:38px 0 14px;color:#f8fafc;font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.legal-content p{margin:0 0 14px}.legal-content ul{margin:0 0 18px;padding-left:22px;display:grid;gap:8px}.legal-content strong{color:#e2e8f0}.legal-content a{color:#93c5fd;text-decoration:underline;text-underline-offset:3px}.consent-row{display:flex;align-items:flex-start;gap:10px;margin:14px 0 16px;font-size:13.5px;color:var(--gray-600);cursor:pointer}.consent-row input{margin-top:2px;accent-color:var(--blue);flex:none}.consent-row a{color:var(--blue);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-exit-link svg{margin-right:6px;flex-shrink:0}.billing-grid{display:grid;gap:16px}@media (min-width: 900px){.billing-grid{grid-template-columns:1fr 1fr;align-items:start}}.billing-plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}.billing-plan-head h3{margin:2px 0 0}.billing-plan-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gray-400)}.billing-plan-pill{padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--gray-100);color:var(--gray-600);white-space:nowrap}.billing-plan-pill.is-pro{background:#2563eb1f;color:var(--blue)}.billing-includes-card h3{display:flex;align-items:center;gap:8px}.plan-feature-list{list-style:none;padding:0;margin:14px 0 0}.plan-feature-list li{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:14px;border-bottom:1px solid var(--gray-100)}.plan-feature-list li:last-child{border-bottom:0}.plan-feature-list li span{flex:1}.plan-feature-list li.is-included{color:var(--gray-800)}.plan-feature-list li.is-included svg{color:#16a34a;flex-shrink:0}.plan-feature-list li.is-locked{color:var(--gray-400)}.plan-feature-list li.is-locked svg{color:var(--gray-300);flex-shrink:0}.plan-feature-list li em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--blue);background:#2563eb1a;padding:3px 7px;border-radius:999px;white-space:nowrap}.automation-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--gray-100);color:var(--gray-600);font-size:12.5px;font-weight:700;white-space:nowrap}.automation-status-pill.is-on{background:#16a34a1f;color:#15803d}.automation-tabs{display:flex;gap:6px;margin-bottom:18px;padding:4px;border-radius:14px;background:var(--gray-100);overflow-x:auto}.automation-tabs button{display:inline-flex;align-items:center;gap:8px;flex:1;justify-content:center;min-height:44px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--gray-600);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease}.automation-tabs button.active{background:#fff;color:var(--gray-800);box-shadow:0 1px 2px #0f172a0f,0 4px 12px #0f172a0f}.automation-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.automation-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.automation-stat{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--gray-200);border-radius:14px;background:#fff;min-width:0}.automation-stat-value{font-size:clamp(1.25rem,3.5vw,1.7rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}.automation-stat-label{font-size:12px;color:var(--gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 560px){.automation-summary{grid-template-columns:1fr}.automation-stat{flex-direction:row;align-items:baseline;gap:10px}.automation-stat-label{white-space:normal}}.automation-rule-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.automation-rule-head h3{display:flex;align-items:center;gap:8px;margin:0 0 4px}.automation-rule-head .hint{margin:0;max-width:52ch}.automation-rule-title{display:flex;align-items:flex-start;gap:12px;min-width:0}.automation-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:11px;background:#2563eb1a;color:var(--blue)}.automation-plain{margin:16px 0 0;padding:13px 16px;border-left:3px solid var(--blue);border-radius:0 10px 10px 0;background:#2563eb12;font-size:14.5px;font-weight:600;line-height:1.55}.automation-plain.is-off{border-left-color:var(--gray-300, #cbd5e1);background:var(--gray-100);color:var(--gray-600);font-weight:500}.automation-apply-all{align-items:flex-start;padding-top:4px}.automation-apply-all>span{display:flex;flex-direction:column;gap:2px}.automation-apply-all .hint{margin:0;font-size:12.5px;max-width:60ch}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{width:46px;height:26px;border-radius:999px;background:var(--gray-200);padding:3px;display:inline-flex;transition:background .18s ease;flex-shrink:0}.switch-thumb{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a4d;transition:transform .18s ease}.switch input:checked+.switch-track{background:var(--blue)}.switch input:checked+.switch-track .switch-thumb{transform:translate(20px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--blue);outline-offset:2px}.switch input:disabled+.switch-track{opacity:.5}.switch-label{font-size:13px;font-weight:700;color:var(--gray-600)}.automation-upsell{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0}.automation-fields{border:0;padding:0;margin:18px 0 0;display:grid;gap:16px}@media (min-width: 720px){.automation-fields{grid-template-columns:repeat(3,1fr)}.automation-fields .checkbox-row{grid-column:1 / -1}}.automation-fields:disabled{opacity:.55}.inline-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-field input[type=number]{width:82px;flex-shrink:0}.inline-field span{font-size:13px;color:var(--gray-600)}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:14px;min-height:44px;cursor:pointer}.checkbox-row input{width:18px;height:18px;flex-shrink:0}.automation-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.count-pill{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--gray-100);color:var(--gray-600);font-size:12px;font-weight:700;text-align:center}.reminder-schedule{list-style:none;margin:8px 0 0;padding:0}.reminder-schedule-item{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 0;border-bottom:1px solid var(--gray-100)}.reminder-schedule-item:last-child{border-bottom:0}.reminder-schedule-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.reminder-schedule-invoice{font-weight:700;color:var(--blue);text-decoration:none}.reminder-schedule-customer{color:var(--gray-600);font-size:14px;overflow-wrap:anywhere}.reminder-schedule-warn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#dc2626}.reminder-schedule-meta{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;color:var(--gray-600)}.reminder-schedule-meta span{display:inline-flex;align-items:center;gap:5px}.reminder-schedule-actions{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;gap:4px}.designer-shell{display:grid;gap:16px;align-items:start}.designer-shell>*{min-width:0}@media (min-width: 1000px){.designer-shell{grid-template-columns:minmax(0,380px) minmax(0,1fr)}.designer-preview{position:sticky;top:24px}}@media (min-width: 1400px){.designer-shell{grid-template-columns:minmax(0,430px) minmax(0,1fr)}}.designer-choices{display:grid;gap:16px;min-width:0}.designer-choices h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gray-400);margin:0 0 12px}.designer-choices select{width:100%;max-width:340px}.preset-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:12px}.preset-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px;border-radius:12px;border:1px solid var(--gray-200);background:#fff;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.preset-card:hover{border-color:var(--blue);transform:translateY(-2px)}.preset-card.is-active{border-color:var(--blue);box-shadow:0 0 0 2px #2563eb33}.preset-name{display:flex;align-items:center;gap:5px;font-size:13.5px;font-weight:650;color:var(--gray-600)}.preset-card.is-active .preset-name{color:var(--blue)}.preset-blurb{font-size:11.5px;color:var(--gray-400);line-height:1.4}.preset-card.is-locked{cursor:not-allowed}.preset-card.is-locked:hover{border-color:var(--gray-200);transform:none}.preset-card.is-locked .preset-name{color:var(--gray-400)}.preset-pro{display:inline-flex;align-items:center;gap:3px;margin-left:auto;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.05em;padding:2px 6px;border-radius:999px;color:#b45309;background:#d9770621}.preset-pro.is-owned{color:var(--blue);background:#2563eb1f}.preset-upgrade-note{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-100)}.preset-upgrade-note svg{flex-shrink:0;margin-top:1px}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-width:340px}.swatch{aspect-ratio:1;border:0;border-radius:8px;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #0f172a14}.swatch.is-active{outline:2px solid var(--blue);outline-offset:2px}.swatch-custom{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:var(--gray-400)}.swatch-custom input[type=color]{width:44px;height:34px;flex-shrink:0;padding:2px;border:1px solid var(--gray-200);border-radius:8px;background:none;cursor:pointer}.swatch-custom code{color:var(--gray-600)}.designer-modes{display:inline-flex;padding:3px;margin-bottom:14px;border-radius:10px;background:var(--gray-100);gap:2px}.designer-modes button{min-height:34px;padding:0 14px;border:0;border-radius:8px;background:none;font-size:13px;font-weight:700;color:var(--gray-600);cursor:pointer}.designer-modes button.active{background:#fff;color:var(--blue);box-shadow:0 1px 3px #0f172a1f}.preview-paper{display:flex;justify-content:center;overflow-x:auto;padding:4px 0 8px}.doc-page-frame{position:relative;flex-shrink:0;overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 10px 30px #0f172a29}.doc-page{position:absolute;left:0;top:0;width:210mm;height:297mm;transform-origin:top left;color:#1a1a2e}.import-engine-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px dashed var(--gray-200);color:var(--gray-600)}.import-engine-badge.is-reader{color:#15803d;border-color:#16a34a59}.import-engine-badge.is-ai{color:#b45309;border-color:#d9770659}body[data-theme=dark] .preset-upgrade-note{border-top-color:#94a3b829}body[data-theme=dark] .preset-card{background:#ffffff08;border-color:#94a3b82e}body[data-theme=dark] .plan-feature-list li{border-bottom-color:#94a3b824}body[data-theme=dark] .plan-feature-list li.is-included{color:#e2e8f0}body[data-theme=dark] .import-engine-badge{border-color:#94a3b84d}body[data-theme=dark] .switch-track,body[data-theme=dark] .count-pill,body[data-theme=dark] .automation-status-pill,body[data-theme=dark] .billing-plan-pill{background:#94a3b829}body[data-theme=dark] .reminder-schedule-item{border-bottom-color:#94a3b824}body[data-theme=dark] .automation-status-pill.is-on{background:#22c55e2e;color:#4ade80}body[data-theme=dark] .automation-tabs{background:#94a3b81a}body[data-theme=dark] .automation-tabs button.active{background:#94a3b833;color:#f1f5f9;box-shadow:none}body[data-theme=dark] .automation-stat{border-color:#94a3b829;background:#94a3b80f}body[data-theme=dark] .automation-icon{background:#3b82f62e;color:#60a5fa}body[data-theme=dark] .automation-plain{background:#3b82f61f;border-left-color:#60a5fa}body[data-theme=dark] .automation-plain.is-off{background:#94a3b81a;border-left-color:#94a3b866}.legal-content .legal-table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:14px;display:block;overflow-x:auto;white-space:normal}.legal-content .legal-table thead tr{background:#94a3b81f}.legal-content .legal-table th,.legal-content .legal-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(148,163,184,.22);min-width:140px}.legal-content .legal-table th{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.legal-content .legal-table tbody tr:last-child td{border-bottom:0}@media (max-width: 560px){.legal-content .legal-table th,.legal-content .legal-table td{min-width:88px;padding:8px;font-size:13px}.legal-content .legal-table th{white-space:normal}}.sidebar-nav--footer{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);gap:2px}.mobile-menu-rule{border:0;border-top:1px solid var(--gray-200);margin:10px 0}body[data-theme=dark] .mobile-menu-rule{border-top-color:#94a3b82e}.reminder-switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 6px;margin:2px -6px -2px;border-radius:8px;min-height:32px}.reminder-switch:hover{background:var(--gray-100)}.reminder-switch input{position:absolute;opacity:0;width:0;height:0}.reminder-switch .switch-track{width:32px;height:18px;padding:2px}.reminder-switch .switch-thumb{width:14px;height:14px}.reminder-switch input:checked+.switch-track .switch-thumb{transform:translate(14px)}.reminder-switch-label{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--gray-400);white-space:nowrap}.reminder-switch input:checked~.reminder-switch-label{color:var(--blue)}.reminder-switch input:disabled+.switch-track{opacity:.5}body[data-theme=dark] .reminder-switch:hover{background:#94a3b81f}.automation-hint{margin:0;align-self:center;max-width:46ch}body[data-theme=dark] .designer-modes{background:#94a3b824}body[data-theme=dark] .designer-modes button.active{background:#0f172ae6}body[data-theme=dark] .swatch{box-shadow:inset 0 0 0 1px #e2e8f024}.job-templates{padding:14px;margin-bottom:20px;border:1px dashed var(--gray-200);border-radius:12px;background:#94a3b80f}.job-templates__row{display:grid;gap:12px;align-items:end}@media (min-width: 640px){.job-templates__row{grid-template-columns:minmax(0,1fr) auto}}.job-templates__row .field{margin-bottom:0;min-width:0}.job-templates .hint{margin:8px 0 0}.job-templates__notice{margin:10px 0 0;font-size:13px;font-weight:600;color:var(--blue)}.job-templates__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.job-template-chip{display:inline-flex;align-items:center;border:1px solid var(--gray-200);border-radius:999px;background:#fff;overflow:hidden}.job-template-chip button{border:0;background:none;padding:6px 12px;font-size:13px;font-weight:600;color:var(--gray-600);cursor:pointer}.job-template-chip button:hover{color:var(--blue)}.job-template-chip__remove{padding:6px 10px 6px 4px!important;color:var(--gray-400)!important;font-size:11px!important}.job-template-chip__remove:hover{color:#dc2626!important}.job-template-chip.is-confirming{border-color:#dc2626}.job-template-chip.is-confirming .job-template-chip__remove{color:#dc2626!important;font-weight:700;font-size:12px!important;padding:6px 12px 6px 8px!important}.job-save-panel{margin-top:12px;padding:12px;border-radius:10px;background:#fff;border:1px solid var(--gray-200)}.job-save-panel>label{display:block;font-size:12.5px;font-weight:650;color:var(--gray-600);margin-bottom:6px}.job-save-panel__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.job-save-panel__row input{flex:1 1 220px;min-width:0}.job-save-panel .hint{margin-top:8px}body[data-theme=dark] .job-templates{border-color:#94a3b83d}body[data-theme=dark] .job-save-panel,body[data-theme=dark] .job-template-chip{background:#ffffff08;border-color:#94a3b82e}body[data-theme=dark] .job-save-panel>label{color:#cbd5e1}.invoice-compose{display:grid;gap:16px;align-items:start}.invoice-compose>*{min-width:0}@media (min-width: 1100px){.invoice-compose{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:24px}.invoice-preview{position:sticky;top:24px}.invoice-compose.is-solo{grid-template-columns:minmax(0,1fr)}.invoice-compose.is-solo .invoice-editor{max-width:900px;margin:0 auto}}.invoice-preview h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gray-400);margin:0 0 10px}.invoice-preview .hint{display:block;margin-top:8px}.docform{padding:24px}@media (min-width: 640px){.docform{padding:28px 32px}}.docform>*+*{margin-top:20px}.docform__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.docform__title{display:flex;align-items:center;gap:12px}.docform__title h3{margin:0;font-size:24px;font-weight:750;letter-spacing:-.02em}.docform__status{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em}.docform__logo{max-height:56px;max-width:160px;object-fit:contain}.docform__logo.is-empty{display:inline-flex;align-items:center;padding:10px 14px;border:1.5px dashed var(--gray-200);border-radius:12px;font-size:12.5px;font-weight:650;color:var(--gray-400)}.docform__logo.is-empty:hover{color:var(--blue);border-color:var(--blue-light)}.docform-row{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.docform-row{grid-template-columns:1fr 1fr}}.docform-parties{display:grid;grid-template-columns:1fr;gap:20px;padding:20px 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}@media (min-width: 860px){.docform-parties{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:32px}}.docform-col{display:flex;flex-direction:column;gap:16px;min-width:0}.docform-block{display:flex;flex-direction:column;gap:12px}.docform-block__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.docform-block__head h4{margin:0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-600)}.docform-block__head a{font-size:12.5px;font-weight:650;color:var(--blue)}.docform-block__head a:hover{text-decoration:underline}.docform-from{margin:0;font-size:14px;line-height:1.65;color:var(--gray-600)}.docform-from strong{color:var(--gray-800);font-size:15px}.docform-lines__head,.docform-lines__row{display:grid;grid-template-columns:minmax(0,1fr) 96px 140px 110px 40px;gap:12px;align-items:start}.docform-lines__head{padding-bottom:10px;border-bottom:1px solid var(--gray-200);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-400)}.docform-lines__head span:nth-child(2){text-align:center}.docform-lines__head span:nth-child(3),.docform-lines__head span:nth-child(4){text-align:right}.docform-lines__row{padding:14px 0;border-bottom:1px solid var(--gray-100)}.docform-cell{display:flex;flex-direction:column;gap:6px;min-width:0}.docform-cell__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400)}@media (min-width: 860px){.docform-cell__label{display:none}}.docform-cell input,.docform-cell textarea{width:100%;padding:10px 12px;border:1.5px solid var(--gray-200);border-radius:10px;background:#fff;color:var(--gray-800);font-size:16px;min-height:44px}.docform-cell textarea{line-height:1.5;resize:vertical}.docform-cell input:focus,.docform-cell textarea:focus{outline:none;border-color:var(--blue-light);box-shadow:0 0 0 3px #3b82f61a}.docform-cell .price-input-wrap,.docform-cell .price-input{min-height:44px}.docform-cell--amount{align-items:flex-end;justify-content:center;min-height:44px}.docform-cell--amount .amount-cell{font-size:15px}.docform-lines__row>.btn-icon{align-self:center}.docform-lines__add{margin-top:14px}@media (max-width: 859px){.docform-lines__head{display:none}.docform-lines__row{grid-template-columns:1fr 1fr auto;grid-template-areas:"desc   desc   del" "qty    rate   rate" "amount amount amount";gap:10px;align-items:end;margin-bottom:12px;padding:14px 12px;border:1px solid var(--gray-200);border-radius:16px;background:#fff}.docform-cell--desc{grid-area:desc}.docform-lines__row>.docform-cell:nth-child(2){grid-area:qty}.docform-lines__row>.docform-cell:nth-child(3){grid-area:rate}.docform-cell--amount{grid-area:amount}.docform-lines__row>.btn-icon{grid-area:del;align-self:start;justify-self:end}.docform-lines__add{width:100%;min-height:48px}}.docform-lines__warn{display:block;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--red-pale);color:var(--red);font-weight:600;line-height:1.5}.docform-foot{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media (min-width: 860px){.docform-foot{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:32px}}.docform-labour{max-width:320px}.docform-totals{display:flex;flex-direction:column;gap:10px}.docform-totals__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--gray-600)}.docform-totals__row.is-total{padding-top:10px;border-top:2px solid var(--blue);font-size:19px;font-weight:750;color:var(--blue)}.docform-aside>h3{margin-bottom:6px}.docform-aside__more{margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.28)}.docform-aside__more>summary{cursor:pointer;font-size:13px;font-weight:650;color:var(--gray-600)}.docform-aside__more[open]>summary{margin-bottom:12px}.docform-aside__more .job-templates{margin-bottom:0}body[data-theme=dark] .docform-parties{border-top-color:#94a3b829;border-bottom-color:#94a3b829}body[data-theme=dark] .docform-lines__head{border-bottom-color:#94a3b83d}body[data-theme=dark] .docform-lines__row{border-bottom-color:#94a3b824}@media (max-width: 859px){body[data-theme=dark] .docform-lines__row{background:#0f1e33b8;border-color:#94a3b82e}}body[data-theme=dark] .docform-cell input,body[data-theme=dark] .docform-cell textarea{background:#0f1e33b8;border-color:#94a3b833;color:#e2e8f0}body[data-theme=dark] .docform-cell input:focus,body[data-theme=dark] .docform-cell textarea:focus{border-color:#60a5fa}body[data-theme=dark] .docform-lines__warn{background:#dc262624;color:#fca5a5}body[data-theme=dark] .docform-from{color:#cbd5e1}body[data-theme=dark] .docform-from strong{color:#f1f5f9}body[data-theme=dark] .docform-block__head h4{color:#cbd5e1}body[data-theme=dark] .docform__logo.is-empty{border-color:#94a3b84d}body[data-theme=dark] .docform-totals__row{color:#cbd5e1}body[data-theme=dark] .docform-totals__row.is-total{color:#93c5fd;border-top-color:#60a5fa}body[data-theme=dark] .docform-aside__more{border-top-color:#94a3b833}body[data-theme=dark] .docform-aside__more>summary{color:#cbd5e1}.currency-breakdown h3{margin-bottom:4px}.currency-breakdown .hint{margin:0 0 12px;max-width:60ch}.currency-breakdown ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.currency-breakdown li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding:10px 12px;border:1px solid var(--gray-200);border-radius:12px;font-size:14px;color:var(--gray-600)}.currency-breakdown-sym{min-width:34px;font-weight:800;font-size:16px;color:var(--gray-800)}.currency-breakdown li .is-overdue{color:#dc2626}body[data-theme=dark] .currency-breakdown li{border-color:#94a3b829}body[data-theme=dark] .currency-breakdown li .is-overdue{color:#f87171}.report-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-scroll .inv-items-table{min-width:560px}.report-link{background:none;border:0;padding:0;font:inherit;font-weight:650;color:var(--blue);cursor:pointer;text-align:left}.report-link:hover{text-decoration:underline}.report-statement{scroll-margin-top:24px}.report-statement-actions{flex-wrap:wrap;gap:12px}body[data-theme=dark] .report-link{color:var(--blue-light)}@media print{.sidebar,.mobile-header,.mobile-menu,.mobile-menu-overlay,.mobile-bottom-nav,.feedback-tab{display:none!important}.main-content,.app-shell{display:block;margin:0;padding:0}.page-container{max-width:none;padding:0}.page-container:has(.report-statement)>*:not(.report-statement){display:none}.report-statement{box-shadow:none;border:0;margin:0;padding:0}.report-statement-actions .btn-secondary{display:none}.report-scroll{overflow-x:visible}.report-scroll .inv-items-table{min-width:0}}.ins-caveat{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--gray-200);border-left:4px solid var(--amber);border-radius:var(--radius);background:var(--amber-pale);color:var(--gray-800);font-size:13.5px;line-height:1.5}.ins-caveat>svg{color:var(--amber);flex-shrink:0;margin-top:1px}.ins-caveat strong{display:block;margin-bottom:2px}.ins-buckets{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:14px}.ins-bucket{padding:10px 12px;border:1px solid var(--gray-200);border-radius:10px;background:var(--gray-50)}.ins-bucket-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--gray-500)}.ins-bucket-value{font-size:17px;font-weight:700;color:var(--gray-800);margin-top:2px}.ins-bucket-sub{font-size:12px;color:var(--gray-500);margin-top:2px}.ins-risk-list{display:flex;flex-direction:column;gap:10px}.ins-risk-row{padding:12px 14px;border:1px solid var(--gray-200);border-radius:10px;background:var(--gray-50)}.ins-risk-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ins-risk-score{flex-shrink:0;min-width:48px;padding:8px 6px;border-radius:10px;text-align:center;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.ins-risk-score.high{background:var(--red-pale);color:var(--red)}.ins-risk-score.medium{background:var(--amber-pale);color:var(--amber)}.ins-risk-score.low{background:var(--green-pale);color:var(--green)}.ins-risk-who{flex:1 1 170px;min-width:0}.ins-risk-who a{font-weight:700;color:var(--blue)}.ins-risk-who a:hover{text-decoration:underline}.ins-risk-sub{font-size:12.5px;color:var(--gray-500);margin-top:2px}.ins-risk-amount{font-size:15px;font-weight:700;color:var(--gray-800);white-space:nowrap;margin-left:auto}.ins-why{margin-top:10px;padding:0;border:0;background:none;font-size:12.5px;font-weight:700;color:var(--blue)}.ins-why:hover{text-decoration:underline}.ins-reasons{margin-top:8px;padding-left:18px}.ins-reasons li{font-size:13px;color:var(--gray-600);margin-top:4px}.ins-more{margin-top:14px}.ins-segments{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.ins-segments{grid-template-columns:1fr 1fr}}.ins-segments>.card{margin-bottom:0}.ins-segment-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}.ins-segment-head h3{margin-bottom:0}.ins-segment-total{font-size:15px;font-weight:700;color:var(--gray-800);white-space:nowrap}.ins-customers{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ins-customer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50)}.ins-customer-name{min-width:0}.ins-customer-name strong{font-size:13.5px;color:var(--gray-800)}.ins-customer-name span{display:block;font-size:12px;color:var(--gray-500);margin-top:2px}.ins-customer-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ins-customer-value{font-size:14px;font-weight:700;color:var(--gray-800);white-space:nowrap}