:root{--bg-ink: #0f172b;--bg-navy: #132445;--bg-mist: #eef4ff;--panel: rgba(255, 255, 255, .86);--panel-strong: rgba(255, 255, 255, .94);--text: #13223f;--muted: #4d5d7b;--line: rgba(19, 34, 63, .16);--accent: #ffb13d;--accent-strong: #ff8a00;--accent-soft: rgba(255, 177, 61, .18);--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--font-body: "Bricolage Grotesque", "Avenir Next", "Segoe UI", sans-serif;--font-display: "Literata", Georgia, serif;--color-navy: var(--bg-ink);--color-slate: var(--muted);--color-charcoal: var(--text);--color-gold: var(--accent);--color-cream: rgba(255, 255, 255, .72);--color-teal: #0f766e;--color-white: #ffffff;--color-coral: #c2410c;--color-navy-light: #8ca1c7;--text-xs: .75rem;--text-base: 1rem;--text-sm: .875rem;--text-xl: 1.25rem;--transition-base: .16s ease}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 12% 10%,rgba(255,176,61,.18),transparent 34%),radial-gradient(circle at 88% 6%,rgba(57,122,255,.18),transparent 35%),linear-gradient(180deg,#edf4ff,#f5f8ff 36%,#f8fbff);position:relative}a{color:#0d4fe0;text-decoration-thickness:2px;text-underline-offset:2px}a:hover{color:#083db0}.aurora{position:fixed;inset:-20% -10% auto;height:360px;background:radial-gradient(circle at 25% 40%,rgba(255,145,31,.25),transparent 45%),radial-gradient(circle at 72% 38%,rgba(74,126,255,.2),transparent 43%);filter:blur(48px);pointer-events:none;z-index:0}.grain{position:fixed;inset:0;pointer-events:none;opacity:.15;z-index:0;background-image:radial-gradient(rgba(19,34,63,.25) .4px,transparent .4px);background-size:3px 3px}.container{max-width:1140px;margin:0 auto;padding:0 var(--space-4);position:relative;z-index:1}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:#f4f8ffbf;border-bottom:1px solid rgba(19,34,63,.08)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:76px}.brand{color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:.7rem}.brand-mark{width:2.45rem;height:2.45rem;flex:0 0 auto;filter:drop-shadow(0 6px 14px rgba(255,145,31,.26))}.brand-mark-img{display:block;width:100%;height:100%}.brand-lockup{display:block;line-height:1.04}.brand-name{display:block;font-size:.98rem;font-family:var(--font-body);font-weight:800;letter-spacing:-.015em;color:#1d4298}.brand-sub{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;margin-top:4px;font-weight:800}.site-nav{font-size:.95rem;color:var(--muted)}.nav-link{color:var(--muted);text-decoration:none;font-weight:600;transition:color .15s ease}.nav-link:hover{color:var(--text)}main{padding:var(--space-10) 0 var(--space-12)}.page-head{margin-bottom:var(--space-8);text-align:left;background:linear-gradient(140deg,#ffffffe6,#ffffffbf);border:1px solid rgba(19,34,63,.08);border-radius:var(--radius-xl);padding:clamp(1.2rem,2vw,1.8rem);box-shadow:0 12px 26px #101f3e14}.page-head h1{margin:0 0 var(--space-2);color:var(--bg-ink);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.85rem,4.4vw,3rem)}.page-head p{margin:0;color:var(--muted);max-width:62ch}.note{margin-top:var(--space-8);color:var(--muted);font-size:.92rem;border-left:3px solid var(--accent);padding-left:.8rem}.tool-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.tool-card{background:linear-gradient(160deg,var(--panel-strong),var(--panel));border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;color:inherit;box-shadow:0 10px 20px #0e1d3b0f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tool-card:hover{transform:translateY(-2px);border-color:#ff8a0073;box-shadow:0 14px 26px #0e1d3b1f}.tool-card h2{margin:0 0 var(--space-2);color:var(--bg-ink);font-family:var(--font-display);font-size:1.25rem}.tool-badge{display:inline-flex;align-items:center;margin-bottom:var(--space-3);padding:.35rem .7rem;border-radius:999px;background:#ff8a001f;color:#b45309;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tool-card p{margin:0;color:var(--muted)}.content-block{margin-top:var(--space-8);background:linear-gradient(165deg,var(--panel-strong),var(--panel));border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 10px 20px #0e1d3b0f}.content-block h2{margin-top:0;margin-bottom:var(--space-3);color:var(--bg-ink);font-family:var(--font-display)}.content-block h3{margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--bg-ink)}.content-block ul{padding-left:1.2rem}.content-block p,.content-block li{color:var(--text);line-height:1.68}.brand-hero-card{margin-top:var(--space-8);display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:var(--space-6);padding:clamp(1.5rem,2vw,2rem);border-radius:calc(var(--radius-lg) + 4px);border:1px solid rgba(255,138,0,.24);background:radial-gradient(circle at top right,rgba(255,138,0,.18),transparent 34%),linear-gradient(145deg,#fffffff2,#fff6ebe0);box-shadow:0 18px 36px #0e1d3b14}.brand-hero-eyebrow{margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:#b45309}.brand-hero-card h2{margin:0 0 var(--space-3);font-family:var(--font-display);color:var(--bg-ink);font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.05}.brand-hero-card p{margin:0;color:var(--text);line-height:1.72}.brand-hero-actions{margin-top:var(--space-4)}.brand-hero-link{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.2rem;border-radius:999px;background:linear-gradient(135deg,#1d4ed8,#1e3a8a);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 12px 24px #1d4ed82e}.brand-hero-link:hover{color:#fff;transform:translateY(-1px)}.brand-hero-points{display:grid;gap:var(--space-3);align-content:center}.brand-hero-points span{display:inline-flex;align-items:center;gap:.75rem;padding:.95rem 1rem;border-radius:999px;background:#ffffffeb;border:1px solid rgba(19,34,63,.08);color:var(--bg-ink);font-weight:600}.brand-hero-points span:before{content:"";width:.7rem;height:.7rem;border-radius:999px;background:linear-gradient(135deg,#ff8a00,#1a2a4a);box-shadow:0 0 0 4px #ff8a001f}.tool-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:var(--space-6)}.tool-filter-chip{padding:.8rem 1rem;border-radius:999px;border:1px solid rgba(19,34,63,.12);background:#ffffffc7;color:var(--bg-ink);font:inherit;font-weight:600;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.tool-filter-chip:hover{transform:translateY(-1px);border-color:#ff8a0066}.tool-filter-chip.is-active{background:linear-gradient(135deg,#ffedd5,#fff);border-color:#b4530959;color:#9a3412}.logo-upload-card{padding:var(--space-3);border:1px dashed rgba(19,34,63,.22);border-radius:var(--radius-md);background:#ffffffb8}.logo-upload-input{width:100%}.logo-upload-help{margin:var(--space-2) 0 0;color:var(--muted);font-size:.88rem}.logo-upload-preview{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.logo-thumb{width:72px;height:72px;object-fit:contain;border-radius:10px;border:1px solid rgba(19,34,63,.1);background:#fff;padding:.4rem}.logo-upload-meta{display:flex;flex-direction:column;gap:.45rem}.logo-remove-btn{align-self:flex-start;padding:.45rem .75rem;border:1px solid rgba(19,34,63,.16);border-radius:999px;background:#fff;color:var(--bg-ink);font:inherit;cursor:pointer}.document-brand{display:flex;align-items:center;gap:.9rem}.document-logo{max-width:88px;max-height:72px;object-fit:contain}.brand-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.brand-color-input{min-height:3rem;padding:.35rem}.document-contact-list{margin:0 0 var(--space-6);padding:var(--space-3);border-left:4px solid var(--document-accent, #1a2a4a);background:color-mix(in srgb,var(--document-accent, #1a2a4a) 6%,#ffffff);border-radius:6px}.document-contact-list strong{display:block;margin-bottom:.35rem;color:var(--document-accent, #1a2a4a)}.document-contact-line+.document-contact-line{margin-top:.2rem}.document-footer-note{margin-top:var(--space-6);padding-top:var(--space-3);border-top:2px solid var(--document-accent, #1a2a4a);color:#475569;font-size:12px}@media(max-width:720px){.brand-settings-grid,.brand-hero-card{grid-template-columns:1fr}}.related-tools-block>p{margin-bottom:var(--space-4)}.related-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.related-tool-group{padding:var(--space-4);border:1px solid rgba(19,34,63,.1);border-radius:var(--radius-md);background:#ffffffb8}.related-tool-group h3{margin-top:0}.related-tool-group ul{margin:0;padding-left:1.1rem}.related-tool-group li+li{margin-top:.45rem}.site-footer{border-top:1px solid rgba(19,34,63,.12);background:#ffffffb8;backdrop-filter:blur(8px)}.site-footer p{margin:0;padding:var(--space-6) 0;color:var(--muted);font-size:.92rem}main .page-head,main .tool-grid,main .content-block,main .note{animation:fade-rise .42s ease both}main .tool-grid{animation-delay:80ms}main .content-block{animation-delay:.14s}main .note{animation-delay:.18s}@keyframes fade-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.site-header-inner{min-height:68px}.brand-name{font-size:.92rem}.brand-sub{font-size:.69rem}.site-nav{font-size:.88rem}.related-tool-grid{grid-template-columns:1fr}}@media(max-width:720px){.site-header-inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:.35rem;padding:.7rem 0}.site-nav{font-size:.83rem}.brand-mark{width:2.2rem;height:2.2rem}.brand-name{font-size:.9rem}.brand-sub{font-size:.66rem}.page-head{text-align:left;border-radius:18px}main{padding-top:var(--space-8)}}.calculator-card,.generator-form,.payslip-form,.generator-preview,.payslip-preview{animation:fade-rise .42s ease both}.generator-layout,.payslip-layout{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:var(--space-6)!important}.generator-form,.payslip-form{gap:var(--space-4)!important}.form-section{background:linear-gradient(165deg,var(--panel-strong),var(--panel))!important;border:1px solid var(--line)!important;border-radius:var(--radius-md)!important;padding:var(--space-4)!important;box-shadow:0 9px 18px #0d1d390f!important}.form-section h3{color:var(--bg-ink)!important;letter-spacing:.04em!important;font-size:.78rem!important;text-transform:uppercase!important}.input-label{color:var(--bg-ink)!important;font-size:.82rem!important}.input-field,select.input-field,textarea.input-field{border:1px solid rgba(19,34,63,.2)!important;border-radius:10px!important;background:#fffffff5!important;color:var(--text)!important;padding:.62rem .75rem!important;transition:border-color .15s ease,box-shadow .15s ease!important}.input-field:focus{border-color:var(--accent-strong)!important;box-shadow:0 0 0 3px #ff8a002e!important}.line-item-row{border-bottom:1px dashed rgba(19,34,63,.16)!important}.line-total{color:var(--bg-ink)!important}.add-line-btn{background:#ffffffc7!important;border:1px dashed rgba(255,138,0,.45)!important;border-radius:12px!important;color:var(--bg-ink)!important;font-weight:600!important}.add-line-btn:hover{background:#ffb13d1f!important;border-color:#ff8a00b3!important}.remove-line-btn:hover{color:#b91c1c!important}.preview-panel{background:linear-gradient(170deg,#fffffff7,#ffffffde)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:0 16px 28px #0d1d3914!important}.preview-header{background:linear-gradient(135deg,var(--bg-ink),var(--bg-navy))!important;padding:var(--space-4)!important}.preview-header h2{font-family:var(--font-display)!important;letter-spacing:.01em!important}.download-btn{border-radius:999px!important;padding:.52rem .95rem!important;background:linear-gradient(135deg,var(--accent),var(--accent-strong))!important;color:#1b2435!important;border:none!important;box-shadow:0 8px 16px #ff8a0057!important}.download-btn:hover{transform:translateY(-1px) scale(1.02)!important}.preview-empty{background:linear-gradient(170deg,#ffffffeb,#ecf4ffc7)!important}.preview-placeholder{color:var(--muted)!important}.invoice-document,.quote-document,.payslip-document{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#fff!important}.invoice-header,.quote-header,.payslip-header{border-bottom:2px solid rgba(19,34,63,.2)!important}.party-block{border:1px solid rgba(19,34,63,.1)!important;background:linear-gradient(180deg,#fff,#f7faff)!important;border-radius:10px!important}.invoice-table th,.quote-table th,.payslip-table th{background:linear-gradient(135deg,#1b2c4f,#233f71)!important}.invoice-table td,.quote-table td,.payslip-table td{border-bottom:1px solid rgba(19,34,63,.09)!important}.grand-total,.net-pay-section{border-radius:10px!important}.frequency-btn{border-radius:999px!important}.frequency-btn.active{background:linear-gradient(135deg,var(--bg-ink),var(--bg-navy))!important}@media(max-width:1080px){.generator-layout,.payslip-layout{grid-template-columns:1fr!important}.generator-preview,.payslip-preview{position:static!important}}