@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_db8459eb-module__PZ6jEG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_db8459eb-module__PZ6jEG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:var(--font-geist-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:#e40014;--color-green-700:#008138;--color-emerald-400:#00d294;--color-emerald-700:#007956;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-600:lab(48.4493% 77.4328 61.5452);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-700:lab(44.4871% -41.0396 11.0361)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.sticky{position:sticky}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-fit{height:fit-content}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing) * 32)}.min-h-\[72px\]{min-height:72px}.min-h-\[88px\]{min-height:88px}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[140px\]{min-height:140px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[8rem\]{max-width:8rem}.max-w-\[12rem\]{max-width:12rem}.max-w-\[140px\]{max-width:140px}.max-w-\[160px\]{max-width:160px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--accent\)\],.border-\[var\(--accent\)\]\/30{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--accent\)\]\/30{border-color:color-mix(in oklab, var(--accent) 30%, transparent)}}.border-\[var\(--border\)\]{border-color:var(--border)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--bg-card\)\]{background-color:var(--bg-card)}.bg-\[var\(--icon-coral-bg\)\]{background-color:var(--icon-coral-bg)}.bg-\[var\(--surface-hover\)\]{background-color:var(--surface-hover)}.bg-\[var\(--surface-muted\)\]{background-color:var(--surface-muted)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-geist-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--ink-muted\)\]{color:var(--ink-muted)}.text-\[var\(--mint\)\]{color:var(--mint)}.text-emerald-700{color:var(--color-emerald-700)}.text-green-700{color:var(--color-green-700)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[var\(--accent\)\]{accent-color:var(--accent)}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[var\(--accent\)\]{--tw-ring-color:var(--accent)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.hover\:text-\[var\(--accent\)\]:hover{color:var(--accent)}}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:block{display:block}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (prefers-color-scheme:dark){.dark\:text-emerald-400{color:var(--color-emerald-400)}}}:root{--bg:#faf6f1;--bg-card:#fff;--bg-elevated:#fff8f6;--ink:#1a1512;--ink-muted:#6b5f56;--accent:#e85d4c;--accent-hover:#d14a3a;--mint:#2d9a78;--sun:#e8a838;--border:#ebe4db;--shadow:0 4px 24px #1a15120f;--shadow-hover:0 12px 40px #1a15121a;--radius:1rem;--font-sans:var(--font-geist-sans), system-ui, sans-serif}html[data-theme=dark]{--bg:#100e0c;--bg-card:#1a1714;--bg-elevated:#221e1a;--ink:#f5f0eb;--ink-muted:#a89f94;--accent:#f0715f;--accent-hover:#e85d4c;--mint:#3db892;--sun:#f0b84a;--border:#3a332c;--shadow:0 4px 24px #00000059;--shadow-hover:0 12px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] .app-glow{background:radial-gradient(80% 50% at 90% -10%,#f0715f14,#0000),radial-gradient(60% 40% at 0 100%,#3db8920f,#0000)}html[data-theme=dark] .home-hero{background:linear-gradient(135deg,#1a1714 0%,#221a18 45%,#141210 100%)}html[data-theme=dark] .editor-preview-frame{background:var(--preview-canvas)}html[data-theme=dark] .app-stat-coral{background:linear-gradient(145deg,#2a201e,#1a1714)}html[data-theme=dark] .app-stat-mint{background:linear-gradient(145deg,#1a2420,#1a1714)}html[data-theme=dark] .app-stat-sun{background:linear-gradient(145deg,#2a2418,#1a1714)}html[data-theme=dark] .app-stat-value{color:var(--ink)}html,body{width:100%;max-width:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);min-height:100%;overflow-x:hidden}.app-root{isolation:isolate;min-height:100dvh;position:relative;overflow-x:hidden}.app-glow{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 90% -10%,#e85d4c1f,#0000),radial-gradient(60% 40% at 0 100%,#2d9a7814,#0000);position:fixed;inset:0}.app-root>:not(.app-glow){z-index:1;position:relative}.app-container{max-width:64rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));margin-left:auto;margin-right:auto}.app-header{border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;gap:1rem;padding-top:.875rem;padding-bottom:.875rem;display:flex}.app-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.app-theme-toggle{border:1.5px solid var(--border);background:var(--bg-card);width:2.25rem;height:2.25rem;color:var(--ink);border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;transition:border-color .15s,background .15s;display:flex}.app-theme-toggle:hover{border-color:var(--accent);background:var(--bg-elevated,#fff8f6)}.header-text-link{color:var(--ink-muted);white-space:nowrap;padding:.35rem .5rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s}.header-text-link:hover{color:var(--accent)}.app-icon-btn{border:1.5px solid var(--border);background:var(--bg-card);width:2.25rem;height:2.25rem;color:var(--ink-muted);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.app-icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-elevated,#fff8f6)}.app-header-cta{padding:.5rem 1rem;font-size:.8125rem}.app-container-wide{max-width:80rem}.app-shell-wide,.app-main-full{max-width:min(100rem,100%);margin-left:auto;margin-right:auto;padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}.app-main{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom));padding-top:.75rem}.app-main-full{width:100%}@media (min-width:768px){.app-main{padding-bottom:2.5rem}}.app-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.app-page-actions{flex-wrap:wrap;gap:.5rem;display:flex}.app-nav-desktop{align-items:center;gap:.25rem;display:none}@media (min-width:768px){.app-nav-desktop{display:flex}.app-header-cta{display:inline-flex}}@media (max-width:767px){.app-header-cta{display:none}}.app-logo{letter-spacing:-.03em;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.app-logo-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-logo-icon .logo-lab-mark{width:2.5rem;height:2.5rem}.app-logo-mark{background:linear-gradient(135deg, var(--accent), #ff8f7a);color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;transition:transform .2s;display:flex}.brand-logo-mark{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex;overflow:hidden}.brand-logo-mark svg{width:100%;height:100%;display:block}.app-logo:hover .brand-logo-mark{transform:scale(1.04)}.logo-variant-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem;display:grid}.logo-variant-option{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .65rem;transition:border-color .15s,box-shadow .15s;display:flex}.logo-variant-option:hover{border-color:#e85d4c59}.logo-variant-option-active{border-color:var(--accent);box-shadow:0 0 0 2px #e85d4c26}.logo-variant-label{color:var(--ink);font-size:.8125rem;font-weight:700}.logo-variant-hint{color:var(--ink-muted);font-size:.6875rem;line-height:1.3}.app-footer{text-align:center;border-top:1px solid var(--border);background:var(--bg-card);padding:1rem 1.5rem 1.25rem;display:none}@media (min-width:768px){.app-footer{margin-bottom:0;display:block}.app-main{padding-bottom:2rem}}.upstream-credit{color:var(--ink-muted);font-size:.8125rem}.upstream-credit-link{color:var(--accent);font-weight:600;text-decoration:none}.upstream-credit-link:hover{text-decoration:underline}.app-logo{z-index:101;flex-shrink:0;position:relative}.app-logo-text{color:var(--ink)}.app-nav-link{color:var(--ink-muted);border-radius:9999px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.app-nav-link:hover{color:var(--ink);background:#e85d4c14}.app-nav-link-active{background:var(--solid-bg);color:var(--solid-fg)}.app-page-title{letter-spacing:-.04em;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.1}.app-page-subtitle{color:var(--ink-muted);margin-top:.375rem;font-size:1rem}.app-btn-primary{background:var(--accent);color:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #e85d4c59}.app-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #e85d4c66}.app-btn-secondary{border:2px solid var(--border);background:var(--bg-card);color:var(--ink);border-radius:9999px;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:border-color .15s,transform .15s;display:inline-flex}.app-btn-secondary:hover{border-color:var(--accent);transform:translateY(-1px)}.app-btn-ghost{color:var(--ink-muted);align-items:center;font-size:.875rem;font-weight:600;transition:color .15s;display:inline-flex}.app-btn-ghost:hover{color:var(--accent)}.app-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow);padding:1.25rem}.app-card-hover{transition:transform .2s,box-shadow .2s,border-color .2s}.app-card-hover:hover{box-shadow:var(--shadow-hover);border-color:#e85d4c40;transform:translateY(-3px)}.settings-layout{flex-direction:column;gap:1.25rem;display:flex}.settings-page-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr);align-items:start;gap:1.75rem;margin-top:.5rem;display:grid}@media (max-width:768px){.settings-page-layout{grid-template-columns:1fr;gap:1rem}}.settings-sidebar{flex-direction:column;gap:.35rem;display:flex;position:sticky;top:5.5rem}@media (max-width:768px){.settings-sidebar{flex-direction:row;gap:.5rem;padding-bottom:.25rem;position:static;overflow-x:auto}}.settings-sidebar-link{border-radius:var(--radius);color:var(--ink-muted);background:0 0;border:1px solid #0000;flex-direction:column;flex-shrink:0;gap:.1rem;padding:.85rem 1rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:flex}.settings-sidebar-link:hover{color:var(--ink);background:var(--bg-card);border-color:var(--border)}.settings-sidebar-link-active{color:var(--accent);background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:#e85d4c59}.settings-sidebar-label{font-size:.9375rem;font-weight:700;line-height:1.2}.settings-sidebar-hint{opacity:.85;font-size:.6875rem;font-weight:500;line-height:1.3}.settings-page-content{min-width:0}.settings-tabs{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--bg-muted,var(--bg-card));box-shadow:var(--shadow);grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.25rem;padding:.35rem;display:grid}@media (max-width:640px){.settings-tabs{grid-template-columns:1fr}}.settings-tab{border-radius:var(--radius);color:var(--ink-muted);background:0 0;border:1px solid #0000;flex-direction:column;gap:.15rem;padding:.75rem 1rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s,box-shadow .15s;display:flex}.settings-tab:hover{color:var(--ink);background:var(--bg-card);border-color:var(--border)}.settings-tab-active{color:var(--accent);background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:#e85d4c59}.settings-tab-label{font-size:.9375rem;font-weight:700;line-height:1.2}.settings-tab-hint{opacity:.85;font-size:.6875rem;font-weight:500;line-height:1.3}.settings-hub-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.settings-hub-card{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(145deg, var(--bg-card), #e85d4c0a);flex-direction:column;gap:.35rem;padding:1rem 2.25rem 1rem 1.15rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.settings-hub-card:hover{box-shadow:var(--shadow-hover);border-color:#e85d4c59;transform:translateY(-2px)}.settings-hub-card-title{color:var(--ink);font-size:.9375rem;font-weight:700}.settings-hub-card-desc{color:var(--ink-muted);font-size:.8125rem;line-height:1.4}.settings-hub-card-arrow{color:var(--accent);font-size:1.125rem;font-weight:700;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.app-stat{border-radius:var(--radius);border:1px solid #0000;padding:1.25rem 1.5rem}.app-stat-coral{background:linear-gradient(145deg,#fff5f3,#fff);border-color:#e85d4c26}.app-stat-mint{background:linear-gradient(145deg,#f0faf6,#fff);border-color:#2d9a7826}.app-stat-sun{background:linear-gradient(145deg,#fffbf0,#fff);border-color:#e8a83833}.app-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.75rem;font-weight:600}.app-stat-value{letter-spacing:-.03em;margin-top:.5rem;font-size:1.75rem;font-weight:700}.app-stat-hint{color:var(--ink-muted);margin-top:.25rem;font-size:.8125rem}.app-empty{border-radius:calc(var(--radius) + 4px);border:2px dashed var(--border);background:var(--surface-muted);text-align:center;padding:3rem 2rem}.app-empty-icon{background:linear-gradient(135deg,#e85d4c33,#e85d4c0d);border:1px solid #e85d4c26;border-radius:9999px;width:3rem;height:3rem;margin:0 auto 1rem}.app-empty-title{font-size:1.25rem;font-weight:700}.app-empty-desc{max-width:22rem;color:var(--ink-muted);margin:.5rem auto 0;font-size:.9375rem;line-height:1.5}.app-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;padding:.2rem .65rem;font-size:.6875rem;font-weight:700;display:inline-block}.app-badge-draft{background:var(--badge-draft-bg);color:var(--badge-draft-text)}.app-badge-sent{background:var(--badge-sent-bg);color:var(--badge-sent-text)}.app-badge-partial{background:var(--badge-partial-bg);color:var(--badge-partial-text)}.app-badge-paid{background:var(--badge-paid-bg);color:var(--badge-paid-text)}.app-tabbar{z-index:90;padding:0 .75rem calc(.625rem + env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.app-tabbar{display:none}}.app-tabbar-panel{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:1.5rem 1.5rem 0 0;max-width:32rem;margin:0 auto;padding:.75rem 1rem .875rem;position:relative;box-shadow:0 -4px 24px #00000014}.app-tabbar-grid{grid-template-columns:repeat(4,1fr);gap:.25rem;padding-right:4.5rem;display:grid}.app-tabbar-item{color:var(--ink-muted);border-radius:.875rem;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.625rem;font-weight:600;transition:color .15s,background .15s;display:flex}.app-tabbar-item-active{color:var(--accent);background:#e85d4c1a}.app-tabbar-create{background:linear-gradient(145deg, var(--accent), #ff7a68);color:#fff;border-radius:1rem;flex-direction:column;align-items:center;gap:.125rem;width:3.75rem;padding:.5rem 0;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-55%);box-shadow:0 8px 24px #e85d4c73}.app-tabbar-create:hover{transform:translateY(-58%)scale(1.04)}.app-tabbar-create-label{text-transform:uppercase;letter-spacing:.04em;font-size:.5625rem;font-weight:700}.app-input{border:1.5px solid var(--border);background:var(--bg-card);width:100%;color:var(--ink);border-radius:.75rem;outline:none;padding:.625rem .875rem;font-size:16px;transition:border-color .15s,box-shadow .15s}@media (min-width:768px){.app-input{font-size:.9375rem}}.app-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e85d4c26}.app-label{color:var(--ink-muted);margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.app-quick-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:640px){.app-quick-grid{grid-template-columns:repeat(4,1fr)}}.app-quick-tile{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.app-quick-tile:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-2px)}.app-quick-dot{background:var(--accent);border-radius:9999px;width:.5rem;height:.5rem}.app-quick-dot-mint{background:var(--mint)}.app-quick-dot-sun{background:var(--sun)}.app-quick-dot-ink{background:var(--ink)}.app-quick-tile{flex-direction:row;justify-content:flex-start;gap:.75rem;padding:1rem 1.125rem}html[data-theme=dark] .app-tabbar-panel{box-shadow:0 -4px 24px #00000073}.cloud-sync-pill{border:1px solid var(--border);background:var(--bg-card);color:var(--ink-muted);cursor:default;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.cloud-sync-pill.cloud-sync-error{cursor:pointer;color:var(--accent);border-color:#e85d4c73}.cloud-sync-pill.cloud-sync-synced{color:var(--mint);border-color:#2d9a7859}.cloud-sync-dot{opacity:.85;background:currentColor;border-radius:9999px;width:.375rem;height:.375rem}@keyframes cloud-sync-pulse{0%,to{opacity:.35}50%{opacity:1}}.app-spinner{box-sizing:border-box;border:2px solid #1c19171f;border-top-color:var(--ink);border-radius:50%;flex-shrink:0;animation:.7s linear infinite app-spinner-spin;display:inline-block}html[data-theme=dark] .app-spinner{border-color:#ffffff26;border-top-color:var(--ink)}.app-spinner-on-dark{border-color:#fff #ffffff59 #ffffff59!important}.app-spinner-accent{border-color:#e85d4c40!important;border-top-color:var(--accent)!important}.app-inline-loading{align-items:center;gap:.5rem;display:inline-flex}.app-loading-overlay{z-index:10;border-radius:inherit;text-align:center;color:var(--ink);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;inset:0}html[data-theme=dark] .app-loading-overlay{background:#1c1917e6}.cloud-sync-syncing .cloud-sync-dot{display:none}@keyframes app-spinner-spin{to{transform:rotate(360deg)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
:root{--surface:var(--bg-card);--surface-muted:#f7f3ee;--surface-hover:#fffaf8;--surface-inset:#f0ebe5;--chip-bg:#ebe6df;--preview-canvas:#e8e4df;--header-bg:#ffffffe6;--solid-bg:#1a1512;--solid-fg:#faf6f1;--on-accent:#fff;--icon-coral-bg:#ffe8e4;--icon-mint-bg:#e8f7f1;--icon-sun-bg:#fff8e8;--icon-ink-bg:#f0eeeb;--awaiting-bg:linear-gradient(135deg, #fffbf0 0%, var(--bg-card) 60%);--badge-draft-bg:#f0ebe5;--badge-draft-text:#5c534c;--badge-sent-bg:#fff0e0;--badge-sent-text:#9a3412;--badge-partial-bg:#fef9c3;--badge-partial-text:#854d0e;--badge-paid-bg:#e0f5ec;--badge-paid-text:#166534;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-text:#991b1b}html[data-theme=dark]{--surface-muted:#242019;--surface-hover:#2c2722;--surface-inset:#322c26;--chip-bg:#322c26;--preview-canvas:#141210;--header-bg:#141210f0;--solid-bg:#e8e2dc;--solid-fg:#100e0c;--icon-coral-bg:#3d2a26;--icon-mint-bg:#1e2e28;--icon-sun-bg:#332a18;--icon-ink-bg:#2a2622;--awaiting-bg:linear-gradient(135deg, #2a2418 0%, var(--bg-card) 60%);--badge-draft-bg:#322c26;--badge-draft-text:#c4bab0;--badge-sent-bg:#3d2e1a;--badge-sent-text:#f0b84a;--badge-partial-bg:#3d3420;--badge-partial-text:#fde68a;--badge-paid-bg:#1a3028;--badge-paid-text:#6ee7b7;--danger-bg:#3d1f1f;--danger-border:#5c2a2a;--danger-text:#fca5a5}.app-surface-muted{background:var(--surface-muted)!important}.app-inset-panel{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius)}html[data-theme=dark] .app-header{background:var(--header-bg)}html[data-theme=dark] .app-nav-link:hover{color:var(--ink);background:#f0715f1f}html[data-theme=dark] .app-nav-link-active{background:var(--solid-bg);color:var(--solid-fg)}html[data-theme=dark] .doc-type-btn,html[data-theme=dark] .template-pick,html[data-theme=dark] .filter-chip,html[data-theme=dark] .editor-toolbar-btn-secondary,html[data-theme=dark] .editor-toolbar-pill,html[data-theme=dark] .invoice-action-btn,html[data-theme=dark] .saved-item-chip,html[data-theme=dark] .saved-item-chip-remove,html[data-theme=dark] .line-item-card{background:var(--bg-card);color:var(--ink)}html[data-theme=dark] .doc-type-btn-active{background:var(--solid-bg);color:var(--solid-fg);border-color:var(--solid-bg)}html[data-theme=dark] .template-pick-active{background:var(--surface-muted);color:var(--accent);border-color:var(--accent)}html[data-theme=dark] .filter-chip-active,html[data-theme=dark] .clients-view-btn-active{background:var(--solid-bg);color:var(--solid-fg);border-color:var(--solid-bg)}html[data-theme=dark] .editor-toolbar-btn-ghost:hover{background:var(--surface-hover);color:var(--ink)}html[data-theme=dark] .editor-status-chip{background:var(--surface-inset);color:var(--ink-muted)}html[data-theme=dark] .invoice-list-row-main:hover,html[data-theme=dark] .client-invoice-row:hover{background:var(--surface-hover)}html[data-theme=dark] .invoice-list-actions,html[data-theme=dark] .saved-items-panel{background:var(--surface-muted)}html[data-theme=dark] .saved-item-chip:hover{background:var(--surface-hover)}html[data-theme=dark] .home-quick-icon-coral{background:var(--icon-coral-bg)}html[data-theme=dark] .home-quick-icon-mint{background:var(--icon-mint-bg)}html[data-theme=dark] .home-quick-icon-sun{background:var(--icon-sun-bg)}html[data-theme=dark] .home-quick-icon-ink{background:var(--icon-ink-bg);color:var(--ink)}html[data-theme=dark] .client-avatar,html[data-theme=dark] .client-avatar-lg{background:linear-gradient(135deg, var(--icon-coral-bg), var(--surface-muted))}html[data-theme=dark] .doc-type-pill{background:var(--chip-bg);color:var(--ink-muted)}html[data-theme=dark] .doc-type-pill-muted{background:var(--surface-inset)}html[data-theme=dark] .app-badge-draft{background:var(--badge-draft-bg);color:var(--badge-draft-text)}html[data-theme=dark] .app-badge-sent{background:var(--badge-sent-bg);color:var(--badge-sent-text)}html[data-theme=dark] .app-badge-partial{background:var(--badge-partial-bg);color:var(--badge-partial-text)}html[data-theme=dark] .app-badge-paid{background:var(--badge-paid-bg);color:var(--badge-paid-text)}html[data-theme=dark] .home-outstanding-card{color:var(--ink);background:linear-gradient(145deg,#3d2a26,#1a1714)}html[data-theme=dark] .home-outstanding-label,html[data-theme=dark] .home-outstanding-hint{color:var(--ink-muted);opacity:1}html[data-theme=dark] .home-outstanding-value,html[data-theme=dark] .home-outstanding-link{color:var(--accent)}html[data-theme=dark] .awaiting-panel{background:var(--awaiting-bg)}html[data-theme=dark] .awaiting-row{background:var(--bg-card)}html[data-theme=dark] .modal-panel{background:var(--bg-card);color:var(--ink)}html[data-theme=dark] .modal-backdrop{background:#000000a6}html[data-theme=dark] code{color:var(--accent)}html[data-theme=dark] .app-stat-value{color:var(--ink)}.app-alert-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem}
.home-hero{border-radius:calc(var(--radius) + 8px);background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-elevated,#fff8f6) 45%, var(--bg) 100%);border:1px solid var(--border);box-shadow:var(--shadow-hover);gap:2rem;margin-bottom:2.5rem;padding:clamp(2rem,5vw,3.5rem);display:grid}@media (min-width:900px){.home-hero{grid-template-columns:1fr minmax(260px,320px);align-items:center}}.home-hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.75rem;font-weight:700}.home-hero-title{letter-spacing:-.04em;margin-top:.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.05}.home-hero-desc{max-width:36rem;color:var(--ink-muted);margin-top:1rem;font-size:1.0625rem;line-height:1.55}.home-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.home-outstanding-card{border-radius:var(--radius);background:linear-gradient(145deg, var(--accent), #c94a3a);color:var(--on-accent);padding:1.5rem}.home-outstanding-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.6875rem;font-weight:700}.home-outstanding-value{letter-spacing:-.03em;margin-top:.375rem;font-size:2rem;font-weight:800}.home-outstanding-hint{opacity:.75;margin-top:.5rem;font-size:.8125rem}.home-outstanding-link{color:#ffb4a8;margin-top:1rem;font-size:.875rem;font-weight:600;display:inline-block}.home-quick-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem;display:grid}@media (min-width:640px){.home-quick-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.home-quick-grid{grid-template-columns:repeat(4,1fr)}}.home-quick-card{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--bg-card);min-height:6.5rem;box-shadow:var(--shadow);align-items:center;gap:1.25rem;padding:1.5rem 1.375rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.home-quick-card:hover{box-shadow:var(--shadow-hover);border-color:#e85d4c4d;transform:translateY(-4px)}.home-quick-icon{border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.home-quick-icon-coral{background:var(--icon-coral-bg);color:var(--accent)}.home-quick-icon-mint{background:var(--icon-mint-bg);color:var(--mint)}.home-quick-icon-sun{background:var(--icon-sun-bg);color:#b45309}.home-quick-icon-ink{background:var(--icon-ink-bg);color:var(--ink)}.home-quick-text{text-align:left;flex-direction:column;gap:.2rem;display:flex}.home-quick-text strong{font-size:1rem}.home-quick-text small{color:var(--ink-muted);font-size:.8125rem;font-weight:500}.home-stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem;display:grid}@media (min-width:640px){.home-stats-grid{grid-template-columns:repeat(3,1fr)}}.home-recent-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.home-recent-list{flex-direction:column;gap:.75rem;display:flex}.home-recent-row{justify-content:space-between;align-items:center;gap:1rem;display:flex;padding:1.25rem 1.5rem!important}.editor-split{align-items:start;gap:2rem;display:grid}@media (min-width:1100px){.editor-split{grid-template-columns:1fr 1fr;gap:2.5rem}}.editor-form-column,.editor-preview-column{min-width:0}.editor-preview-sticky{position:sticky;top:5.5rem}.editor-preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:.75rem;font-size:.8125rem;font-weight:700}.editor-preview-frame{background:var(--preview-canvas);border-radius:calc(var(--radius) + 4px);max-height:min(88vh,1100px);padding:clamp(1rem,2vw,1.75rem);overflow:auto;box-shadow:inset 0 2px 12px #0000000f}.editor-preview-frame .invoice-doc{width:100%;max-width:210mm;min-height:auto;margin:0 auto}.editor-section{padding:1.5rem 1.75rem!important}.editor-section-title{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:700}.doc-type-btn,.template-pick{border:1.5px solid var(--border);background:var(--bg-card);border-radius:9999px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s}.template-pick{border-radius:var(--radius);padding:1rem}.doc-type-btn-active{background:var(--solid-bg);color:var(--solid-fg);border-color:var(--solid-bg)}.template-pick-active{background:var(--bg-elevated,#fff8f6);color:var(--accent);border-color:var(--accent)}.tax-toggle{width:2.75rem;height:1.5rem;accent-color:var(--accent);cursor:pointer}.line-items-add-row{border-top:1px dashed var(--border);margin:1rem 0 0;padding-top:1rem}.recurring-auto-preview{pointer-events:none;opacity:0;width:800px;position:fixed;top:0;left:-9999px}.recurring-auto-toast{bottom:calc(5rem + env(safe-area-inset-bottom,0px));z-index:200;background:var(--ink);max-width:min(24rem,100vw - 2rem);color:var(--bg);text-align:center;border-radius:9999px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.app-toast{bottom:calc(5rem + env(safe-area-inset-bottom,0px));z-index:220;background:var(--ink);max-width:min(26rem,100vw - 2rem);color:var(--bg);border-radius:9999px;align-items:center;gap:.625rem;padding:.8rem 1rem .8rem 1.15rem;font-size:.875rem;font-weight:600;animation:.22s ease-out app-toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000038}.app-toast-success{color:#f0fdf4;background:#166534}.app-toast-error{color:#fef2f2;background:#991b1b}.app-toast-loading{background:var(--ink)}.app-toast-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.7s linear infinite app-toast-spin}.app-toast-check{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;font-size:.7rem;display:inline-flex}.app-toast-dismiss{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;margin-left:.15rem;padding:0 .15rem;font-size:1.1rem;line-height:1}.app-toast-dismiss:hover{opacity:1}@keyframes app-toast-spin{to{transform:rotate(360deg)}}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (min-width:768px){.app-toast,.recurring-auto-toast{bottom:1.75rem}}.line-items-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.saved-items-panel{border-radius:var(--radius);background:var(--surface-muted);border:1px dashed var(--border);margin-bottom:1.25rem;padding:1rem}.saved-items-chips{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.saved-item-chip-wrap{align-items:stretch;display:inline-flex}.saved-item-chip{border:1px solid var(--border);background:var(--bg-card);border-right:none;border-radius:9999px 0 0 9999px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.saved-item-chip:hover{border-color:var(--accent);background:var(--surface-hover)}.saved-item-chip-price{color:var(--ink-muted);font-size:.75rem;font-weight:500}.saved-item-chip-remove{border:1px solid var(--border);background:var(--bg-card);color:var(--ink-muted);border-radius:0 9999px 9999px 0;padding:0 .5rem;font-size:.875rem}.line-items-list{flex-direction:column;gap:1rem;display:flex}.line-item-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);padding:1.25rem}.line-item-card-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.line-item-index{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.6875rem;font-weight:700}.line-item-card-actions{gap:.75rem;display:flex}.line-item-line-total{margin-top:1.625rem;font-size:1.125rem;font-weight:700}.line-items-subtotal{text-align:right;color:var(--ink-muted);margin-top:1.25rem;font-size:1rem}.line-items-subtotal strong{color:var(--ink);font-size:1.25rem}.editor-toolbar{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow);z-index:50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1rem 1.25rem;display:flex;position:sticky;top:4.25rem}.editor-toolbar-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.editor-toolbar-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-right:.25rem;font-size:.6875rem;font-weight:700}.editor-toolbar-pill{text-transform:capitalize;border:1px solid var(--border);background:var(--bg-card);border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.editor-toolbar-pill-active{background:var(--solid-bg);color:var(--solid-fg);border-color:var(--solid-bg)}.editor-toolbar-btn{border-radius:9999px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s}.editor-toolbar-btn-ghost{color:var(--ink-muted)}.editor-toolbar-btn-ghost:hover{color:var(--ink);background:var(--surface-inset)}.editor-toolbar-btn-secondary{border:1.5px solid var(--border);background:var(--bg-card)}.editor-toolbar-btn-secondary:hover{border-color:var(--accent)}.editor-toolbar-btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #e85d4c59}.editor-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.editor-toolbar-btn-with-icon,.app-btn-with-icon{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.editor-toolbar-btn-with-icon svg{flex-shrink:0}@media (max-width:900px){.editor-toolbar-actions{justify-content:flex-start;width:100%}}.guest-header-tag{text-align:center;color:var(--ink-muted);flex:1;font-size:.8125rem;font-weight:600}.guest-editor-banner{border-radius:var(--radius);background:linear-gradient(135deg, #e85d4c14, var(--bg-card));color:var(--ink-muted);border:1px solid #e85d4c40;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.guest-editor-banner-icon{color:var(--accent);flex-shrink:0;margin-top:.1rem;font-size:.875rem}.guest-editor-banner strong{color:var(--ink)}.guest-editor-banner a{color:var(--accent);font-weight:700;text-decoration:none}.guest-editor-banner a:hover{text-decoration:underline}.editor-toolbar-locked-wrap{display:inline-flex;position:relative}.editor-toolbar-btn-locked{opacity:.42;pointer-events:none}.editor-toolbar-locked-hint{pointer-events:none;z-index:20;background:var(--solid-bg);width:max-content;max-width:11rem;color:var(--solid-fg);text-align:center;opacity:0;border-radius:.4rem;padding:.35rem .55rem;font-size:.6875rem;font-weight:600;line-height:1.3;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .35rem);left:50%;transform:translate(-50%)translateY(4px)}.editor-toolbar-locked-wrap:hover .editor-toolbar-locked-hint,.editor-toolbar-locked-wrap:focus-within .editor-toolbar-locked-hint{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:900px){.editor-toolbar-locked-hint{display:none}}.template-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:640px){.template-grid{grid-template-columns:repeat(4,1fr)}}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a151273;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{border-radius:calc(var(--radius) + 4px);background:var(--bg-card);width:100%;max-width:28rem;max-height:90vh;box-shadow:var(--shadow-hover);padding:1.75rem;position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.modal-close{color:var(--ink-muted);padding:.25rem;font-size:1.5rem;line-height:1}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.modal-actions-spread{justify-content:space-between;align-items:center}.recurring-edit-panel{max-height:min(92vh,900px);overflow-y:auto}.invoices-list{flex-direction:column;gap:.75rem;display:flex}.invoice-list-row{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow);overflow:hidden}.invoice-list-row-main{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:background .15s;display:flex}.invoice-list-row-main:hover{background:var(--surface-hover)}.invoice-list-amount{color:var(--accent);white-space:nowrap;font-size:1.25rem;font-weight:700}.invoice-list-actions{border-top:1px solid var(--border);background:var(--surface-muted);flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem 1rem;display:flex}.invoice-action-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--ink);border-radius:9999px;padding:.35rem .85rem;font-size:.75rem;font-weight:600;transition:all .15s}.invoice-action-btn:hover{border-color:var(--accent);color:var(--accent)}.invoice-action-danger:hover{color:#dc2626;border-color:#dc2626}.invoice-action-paid{background:var(--mint);color:#fff;border-color:var(--mint)}.invoice-action-paid:hover{filter:brightness(1.05);border-color:var(--mint);color:#fff}.awaiting-panel{border-radius:calc(var(--radius) + 4px);background:var(--awaiting-bg);box-shadow:var(--shadow);border:1px solid #e8a83859;margin-bottom:2rem;padding:1.5rem 1.75rem}.awaiting-panel-compact{margin-bottom:1.5rem;padding:1.25rem}.awaiting-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.awaiting-panel-title{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.awaiting-panel-sub{color:var(--ink-muted);max-width:28rem;margin-top:.35rem;font-size:.875rem}.awaiting-panel-total{color:var(--accent);font-size:1.5rem;font-weight:700}.awaiting-list{flex-direction:column;gap:.5rem;display:flex}.awaiting-row{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.awaiting-row-main{flex:1;min-width:10rem}.awaiting-row-main:hover{color:var(--accent)}.awaiting-row-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.awaiting-row-amount{color:var(--ink);font-weight:700}.awaiting-paid-btn{background:var(--mint);color:#fff;border-radius:9999px;padding:.5rem 1.1rem;font-size:.8125rem;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 4px 12px #2d9a784d}.awaiting-paid-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.awaiting-overdue{color:#dc2626;font-weight:600}.awaiting-panel-link{color:var(--accent);margin-top:1rem;font-size:.875rem;font-weight:600;display:inline-block}.recurring-panel{background:linear-gradient(135deg, #f0faf6 0%, var(--bg-card) 60%);border-color:#2d9a7859}html[data-theme=dark] .recurring-panel{background:linear-gradient(135deg, #1a2420 0%, var(--bg-card) 60%)}.doc-type-pill{text-transform:uppercase;letter-spacing:.04em;background:var(--icon-ink-bg);color:var(--ink-muted);border-radius:9999px;padding:.15rem .5rem;font-size:.625rem;font-weight:700}.doc-type-pill-muted{background:var(--surface-inset)}.invoices-filters{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);flex-direction:column;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;display:flex}.invoices-search{max-width:24rem}.invoices-filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.invoices-filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);min-width:3.5rem;font-size:.6875rem;font-weight:700}.invoices-filter-chips{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--ink-muted);border-radius:9999px;padding:.4rem .9rem;font-size:.8125rem;font-weight:600}.filter-chip-active{background:var(--solid-bg);color:var(--solid-fg);border-color:var(--solid-bg)}.invoices-archived-toggle{color:var(--ink-muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.editor-status-chip{text-transform:capitalize;background:var(--surface-inset);color:var(--ink-muted);border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.template-pick-layout{text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.template-pick-name{font-size:.8125rem;font-weight:700}.template-pick-hint{color:var(--ink-muted);font-size:.6875rem;font-weight:500;line-height:1.3}.template-pick-active .template-pick-hint{color:var(--accent);opacity:.85}.client-list{flex-direction:column;gap:.5rem;display:flex}.client-list-row{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow);align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.client-list-row:hover{border-color:var(--accent);box-shadow:var(--shadow-hover)}.client-avatar{background:linear-gradient(135deg, var(--icon-coral-bg), var(--surface-muted));width:2.75rem;height:2.75rem;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.client-avatar-lg{background:linear-gradient(135deg, var(--icon-coral-bg), var(--surface-muted));width:3.5rem;height:3.5rem;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.client-list-meta{color:var(--ink-muted);margin-top:.25rem;font-size:.8125rem}.client-list-chevron{color:var(--ink-muted);flex-shrink:0;font-size:1.25rem}.client-stats-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.client-stat-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow);padding:1.25rem}.client-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.6875rem;font-weight:700}.client-stat-value{color:var(--accent);margin-top:.35rem;font-size:1.5rem;font-weight:700}.client-stat-hint{color:var(--ink-muted);margin-top:.25rem;font-size:.75rem}.client-invoice-row{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .15s,background .15s;display:flex}.client-invoice-row:hover{border-color:var(--accent);background:var(--surface-hover)}.clients-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.clients-search{flex:1;min-width:12rem;max-width:24rem}.clients-view-toggle{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow);border-radius:9999px;padding:.2rem;display:inline-flex}.clients-view-btn{color:var(--ink-muted);border-radius:9999px;padding:.45rem 1rem;font-size:.8125rem;font-weight:600;transition:all .15s}.clients-view-btn-active{background:var(--solid-bg);color:var(--solid-fg)}.client-tile-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.client-tile{text-align:center;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow);flex-direction:column;align-items:center;min-height:100%;padding:1.5rem 1.25rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.client-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.client-tile-meta{color:var(--ink-muted);margin-top:.5rem;font-size:.8125rem}.client-tile-outstanding{color:var(--accent);margin-top:.75rem;font-size:.875rem;font-weight:700}.client-tile-outstanding-muted{color:var(--ink-muted);font-weight:500}.invoice-detail-preview-wrap{width:100%}.invoice-detail-preview-frame{min-height:480px;max-height:none}.modal-panel-wide{max-width:32rem}@media (max-width:767px){.app-page-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.app-page-actions{width:100%}.app-page-actions>a,.app-page-actions>button{flex:1;justify-content:center;min-width:0}.app-header-inner{padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right))}.app-logo-text{font-size:1rem}.home-hero{margin-bottom:1.5rem;padding:1.5rem 1.25rem}.home-hero-title{font-size:1.75rem}.home-hero-actions{flex-direction:column}.home-hero-actions .app-btn-primary,.home-hero-actions .app-btn-secondary{justify-content:center;width:100%}.home-quick-card{min-height:auto;padding:1rem}.editor-split{gap:1.25rem}.editor-toolbar{gap:.75rem;padding:.75rem;top:3.25rem}.editor-toolbar-group{width:100%}.editor-toolbar-actions{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:.4rem;width:100%;padding-bottom:.15rem;overflow-x:auto}.editor-toolbar-btn{flex-shrink:0;min-height:2.75rem;padding:.45rem .75rem;font-size:.75rem}.editor-preview-sticky{position:static}.editor-preview-frame{max-height:min(65dvh,520px);padding:.75rem}.editor-section{padding:1rem 1.125rem!important}.template-grid{grid-template-columns:1fr}.line-item-card{padding:1rem}.invoice-list-row-main{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.125rem}.invoice-list-amount{font-size:1.125rem}.invoice-list-actions{gap:.4rem;padding:.65rem 1rem .85rem}.invoice-action-btn{min-height:2.5rem;padding:.45rem .7rem}.awaiting-panel{padding:1.125rem}.awaiting-panel-head{flex-direction:column}.awaiting-row{flex-direction:column;align-items:stretch}.awaiting-row-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.awaiting-paid-btn{flex:1;min-width:7rem;min-height:2.75rem}.clients-toolbar{flex-direction:column;align-items:stretch}.clients-search{width:100%;max-width:none}.clients-view-toggle{justify-content:center;width:100%}.client-tile-grid,.client-stats-row{grid-template-columns:1fr}.invoices-filters{padding:1rem}.invoices-search{max-width:none}.filter-chip{min-height:2.5rem}.modal-panel{border-radius:var(--radius);max-height:88dvh;padding:1.25rem}.modal-backdrop{align-items:flex-end;padding:.5rem}.invoice-detail-preview-frame{min-height:360px}}@media (max-width:767px) and (min-width:400px){.template-grid,.client-tile-grid{grid-template-columns:repeat(2,1fr)}}.landing-root{background:var(--bg);width:100%;max-width:100%;position:relative}.landing-glow{pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 85% -5%,#e85d4c24,#0000 55%),radial-gradient(50% 40% at 5% 100%,#2d9a7814,#0000 50%);position:fixed;inset:0}.landing-header{z-index:1;border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;max-width:100%;padding:1rem clamp(1rem,4vw,2rem);display:grid;position:relative}.landing-nav{justify-content:center;align-items:center;gap:1.75rem;display:none}.landing-nav a{color:var(--ink-muted);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .15s}.landing-nav a:hover{color:var(--accent)}@media (min-width:900px){.landing-nav{display:flex}}.landing-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}@media (max-width:640px){.landing-header-signin{display:none}}.landing-main{z-index:1;box-sizing:border-box;width:100%;max-width:72rem;margin-inline:auto;padding-block:clamp(2rem,6vw,4rem) 3rem;position:relative}.landing-hero{align-items:center;gap:2.5rem;width:100%;display:grid}@media (min-width:900px){.landing-hero{grid-template-columns:1.1fr .9fr}}.landing-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.75rem;font-weight:700}.landing-title{letter-spacing:-.04em;color:var(--ink);margin-top:.75rem;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:800;line-height:1.02}.landing-title-accent{color:var(--accent)}.landing-lead{max-width:34rem;color:var(--ink-muted);margin-top:1.25rem;font-size:1.0625rem;line-height:1.6}.landing-hero-cta{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.landing-cta-primary{box-shadow:var(--shadow-hover)}.landing-hero-note{color:var(--ink-muted);margin-top:1rem;font-size:.8125rem}.landing-hero-visual{justify-content:center;display:flex}.landing-preview-card{border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:var(--bg-card);width:min(100%,320px);box-shadow:var(--shadow-hover);padding:1.5rem;transform:rotate(2deg)}.landing-preview-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.landing-preview-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--icon-coral-bg);color:var(--accent);border-radius:999px;padding:.25rem .5rem;font-size:.6875rem;font-weight:700}.landing-preview-number{letter-spacing:-.02em;margin-top:1.25rem;font-size:1.25rem;font-weight:800}.landing-preview-client{color:var(--ink-muted);margin-top:.25rem;font-size:.875rem}.landing-preview-line{background:var(--surface-inset);border-radius:999px;height:.45rem}.landing-preview-lines{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.landing-preview-line.short{width:65%}.landing-preview-total{border-top:1px solid var(--border);color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:1.25rem;padding-top:1rem;font-size:.8125rem;display:flex}.landing-preview-total strong{color:var(--ink);white-space:nowrap;font-size:1.125rem}.landing-preview-pay-btn{color:#fff;text-align:center;cursor:default;pointer-events:none;background:linear-gradient(135deg,#e85d4c,#d14a3a);border:none;border-radius:.5rem;width:100%;margin-top:1rem;padding:.55rem .75rem;font-size:.75rem;font-weight:700;display:block}.landing-features{gap:1rem;margin-top:clamp(3rem,8vw,5rem);display:grid}@media (min-width:768px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-features{grid-template-columns:repeat(4,1fr)}}.landing-feature{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);padding:1.25rem}.landing-feature h2{font-size:.9375rem;font-weight:700}.landing-feature p{color:var(--ink-muted);margin-top:.5rem;font-size:.8125rem;line-height:1.5}.landing-feature-coral{background:linear-gradient(145deg, var(--bg-card), #e85d4c0f)}.landing-feature-mint{background:linear-gradient(145deg, var(--bg-card), #2d9a780f)}.landing-feature-sun{background:linear-gradient(145deg, var(--bg-card), #e8a83814)}.landing-logos-section{text-align:center;margin-top:clamp(3rem,8vw,5rem)}.landing-section-title{letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.landing-section-desc{color:var(--ink-muted);margin-top:.5rem;font-size:.9375rem}.landing-logo-grid{margin-top:1.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:640px;margin-inline:auto;display:grid}.landing-logo-option{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);padding:1.25rem 1rem}.landing-logo-label{margin-top:.75rem;font-size:.875rem;font-weight:700}.landing-logo-hint{color:var(--ink-muted);margin-top:.25rem;font-size:.75rem;line-height:1.35}.landing-cta-band{border-radius:calc(var(--radius) + 8px);background:linear-gradient(135deg, var(--bg-card), #e85d4c14);text-align:center;border:1px solid #e85d4c40;margin-top:clamp(3rem,8vw,5rem);padding:clamp(2rem,5vw,3rem)}.landing-cta-band h2{letter-spacing:-.03em;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.landing-cta-band p{color:var(--ink-muted);margin-top:.75rem;max-width:36rem;margin-inline:auto}.landing-cta-band .landing-hero-cta{justify-content:center}.landing-footer{z-index:1;text-align:center;border-top:1px solid var(--border);width:100%;max-width:100%;padding:2rem 1.5rem 2.5rem;position:relative}.landing-ticker{z-index:1;border-block:1px solid var(--border);background:var(--bg-card);width:100%;max-width:100%;padding:.65rem 0;position:relative;overflow:hidden}.landing-ticker-track{gap:2.5rem;width:max-content;animation:28s linear infinite landing-ticker-scroll;display:flex}.landing-ticker-item{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;font-size:.8125rem;font-weight:700}.landing-ticker-item:before{content:"✦";color:var(--accent);margin-right:.65rem}@keyframes landing-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:inline-flex}.landing-eyebrow-bolt{font-size:.875rem}.landing-hero-trust{flex-wrap:wrap;gap:.65rem 1.25rem;margin-top:1.25rem;padding:0;list-style:none;display:flex}.landing-hero-trust li{color:var(--ink-muted);align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;display:inline-flex}.landing-hero-trust li:before{content:"✓";color:var(--mint);font-weight:800}.landing-payfast-badge{letter-spacing:-.02em;color:#c94a3a;background:linear-gradient(135deg,#fff5f3,#ffe8e4);border:1px solid #e85d4c40;border-radius:.35rem;padding:.2rem .55rem;font-size:.8125rem;font-weight:800;display:inline-block}.landing-payfast-badge-sm{font-size:.75rem}.landing-trust-bar{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--bg-card);text-align:center;flex-direction:column;align-items:center;gap:.85rem;margin-top:clamp(2.5rem,6vw,4rem);padding:1.25rem 1.5rem;display:flex}.landing-trust-lead{color:var(--ink);font-size:.875rem;font-weight:700}.landing-trust-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.landing-trust-items li{color:var(--ink-muted);align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;display:inline-flex}.landing-trust-icon{font-size:.875rem}.landing-features-section{margin-top:clamp(3.5rem,8vw,5.5rem)}.landing-features-grid{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}@media (min-width:640px){.landing-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-feature-card{border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:var(--bg-card);padding:1.5rem;transition:transform .2s,box-shadow .2s}.landing-feature-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.landing-feature-icon{background:var(--icon-coral-bg);width:2.5rem;height:2.5rem;color:var(--accent);border-radius:.65rem;justify-content:center;align-items:center;display:inline-flex}.landing-feature-icon svg{width:1.25rem;height:1.25rem}.landing-feature-card h3{letter-spacing:-.02em;margin-top:1rem;font-size:1.0625rem;font-weight:800}.landing-feature-card p{color:var(--ink-muted);margin-top:.5rem;font-size:.875rem;line-height:1.55}.landing-steps-section{border-radius:calc(var(--radius) + 8px);background:linear-gradient(145deg, #e85d4c0f, var(--bg-card) 55%);border:1px solid #e85d4c26;margin-top:clamp(3.5rem,8vw,5.5rem);padding:clamp(2rem,5vw,3rem)}.landing-steps-head{text-align:center;max-width:32rem;margin-inline:auto}.landing-steps-sub{color:var(--ink-muted);margin-top:.5rem;font-size:.9375rem}.landing-steps-grid{gap:1rem;margin-top:2rem;display:grid}@media (min-width:768px){.landing-steps-grid{grid-template-columns:repeat(3,1fr)}}.landing-step-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);padding:1.35rem}.landing-step-card-highlight{background:linear-gradient(145deg, var(--bg-card), #e85d4c14);box-shadow:var(--shadow);border-color:#e85d4c66}.landing-step-num{background:var(--accent);width:1.75rem;height:1.75rem;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;display:inline-flex}.landing-step-card h3{letter-spacing:-.02em;margin-top:.85rem;font-size:1rem;font-weight:800;line-height:1.25}.landing-step-card p{color:var(--ink-muted);margin-top:.5rem;font-size:.8125rem;line-height:1.55}.landing-testimonials{margin-top:clamp(3.5rem,8vw,5.5rem)}.landing-testimonials-head{text-align:center;margin-bottom:2rem}.landing-stars{letter-spacing:.15em;color:var(--accent);margin-top:.5rem;font-size:1.125rem}.landing-testimonials-grid{gap:1rem;display:grid}@media (min-width:768px){.landing-testimonials-grid{grid-template-columns:repeat(3,1fr)}}.landing-testimonial-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);margin:0;padding:1.35rem}.landing-testimonial-card p{color:var(--ink);font-size:.875rem;line-height:1.55}.landing-testimonial-author{align-items:center;gap:.75rem;margin-top:1.15rem;display:flex}.landing-testimonial-avatar{object-fit:cover;border:2px solid var(--border);background:var(--surface-muted);border-radius:999px;flex-shrink:0;width:2.75rem;height:2.75rem}.landing-testimonial-meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.landing-testimonial-card footer{background:0 0;border:none;margin:0;padding:0}.landing-testimonial-card strong{font-size:.875rem}.landing-testimonial-card span{color:var(--ink-muted);font-size:.75rem}.landing-about{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-muted,var(--bg-card));text-align:center;margin-top:clamp(2.5rem,6vw,4rem);padding:1.5rem}.landing-about p{max-width:42rem;color:var(--ink-muted);margin-inline:auto;font-size:.9375rem;line-height:1.6}.landing-cta-dark{border-radius:calc(var(--radius) + 10px);color:#faf6f1;background:linear-gradient(145deg,#1a1512,#2a2220);align-items:center;gap:1.5rem;margin-top:clamp(3rem,8vw,5rem);padding:clamp(2rem,5vw,3rem);display:grid}@media (min-width:768px){.landing-cta-dark{grid-template-columns:auto 1fr;gap:2rem}}.landing-cta-logo{width:4.5rem;height:4.5rem;font-size:2rem;box-shadow:0 12px 40px #e85d4c59}.landing-cta-dark h2{letter-spacing:-.03em;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.landing-cta-dark p{color:#faf6f1b8;max-width:32rem;margin-top:.65rem;line-height:1.55}.landing-cta-dark .landing-hero-cta{margin-top:1.25rem}.landing-cta-outline{color:#faf6f1;border:1px solid #faf6f159;border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1.15rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.landing-cta-outline:hover{background:#faf6f114;border-color:#faf6f18c}.landing-cta-dark-note{color:#faf6f180!important;margin-top:.85rem!important;font-size:.75rem!important}.landing-footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.landing-footer-nav{flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;display:flex}.landing-footer-nav a{color:var(--ink-muted);font-size:.8125rem;font-weight:600;text-decoration:none}.landing-footer-nav a:hover{color:var(--accent)}.landing-footer-meta{color:var(--ink-muted);font-size:.75rem}.landing-footer-upstream{color:var(--ink-muted);font-size:.8125rem}.landing-footer-heart{color:var(--accent)}.landing-preview-stack{position:relative}.landing-preview-card-back{opacity:.45;pointer-events:none;position:absolute;inset:0;transform:rotate(-4deg)translate(-12px,12px)}.landing-preview-mark{width:2rem;height:2rem;font-size:.875rem}.landing-preview-status{text-transform:uppercase;letter-spacing:.06em;background:var(--badge-sent-bg);color:var(--badge-sent-text);border-radius:999px;margin-top:1rem;padding:.3rem .55rem;font-size:.6875rem;font-weight:700;display:inline-block}.landing-section-head{text-align:center;margin-inline:auto;max-width:36rem;margin-bottom:2rem}.landing-highlights{margin-top:clamp(3rem,8vw,5rem)}.landing-highlight-grid{gap:1rem;display:grid}@media (min-width:640px){.landing-highlight-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-highlight-grid{grid-template-columns:repeat(3,1fr)}}.landing-highlight{border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:var(--bg-card);padding:1.35rem;transition:transform .2s,box-shadow .2s}.landing-highlight:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.landing-highlight-emoji{font-size:1.5rem;line-height:1}.landing-highlight h3{letter-spacing:-.02em;margin-top:.75rem;font-size:1rem;font-weight:800;line-height:1.25}.landing-highlight p{color:var(--ink-muted);margin-top:.5rem;font-size:.8125rem;line-height:1.55}.landing-highlight-coral{background:linear-gradient(145deg, var(--bg-card), #e85d4c12)}.landing-highlight-mint{background:linear-gradient(145deg, var(--bg-card), #2d9a7812)}.landing-highlight-sun{background:linear-gradient(145deg, var(--bg-card), #e8a83817)}.landing-details-band{border-radius:calc(var(--radius) + 8px);border:1px solid var(--border);background:linear-gradient(160deg, var(--bg-card), var(--bg-elevated,#fff8f6));gap:2rem;margin-top:clamp(3rem,8vw,5rem);padding:clamp(1.75rem,4vw,2.5rem);display:grid}@media (min-width:768px){.landing-details-band{grid-template-columns:1fr 1.1fr;align-items:start}}.landing-details-copy h2{letter-spacing:-.03em;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;line-height:1.15}.landing-details-copy p{color:var(--ink-muted);margin-top:.75rem;line-height:1.55}.landing-details-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.landing-details-list li{color:var(--ink);padding-left:1.35rem;font-size:.875rem;line-height:1.45;position:relative}.landing-details-list li:before{content:"→";color:var(--accent);font-weight:700;position:absolute;left:0}.landing-vibe{text-align:center;margin-top:clamp(2.5rem,6vw,4rem);padding:2rem 1rem}.landing-quote{letter-spacing:-.02em;max-width:40rem;color:var(--ink);margin-inline:auto;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;line-height:1.4}.landing-quote-attr{color:var(--accent);margin-top:1rem;font-size:.8125rem;font-weight:600}.landing-cta-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.logo-lab-root{background:var(--bg)}.logo-lab-topbar{border-bottom:1px solid var(--border);background:var(--header-bg);justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,2rem);display:flex}.logo-lab-topbar-links{gap:.5rem;display:flex}.logo-lab-main{width:min(960px,100%);margin:0 auto;padding:clamp(2rem,5vw,3rem) clamp(1rem,4vw,2rem)}.logo-lab-main-wide{width:min(1080px,100%)}.logo-lab-hero-preview{border-radius:calc(var(--radius) + 8px);background:linear-gradient(135deg, var(--bg-card), #e85d4c0f);border:1px solid #e85d4c40;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.75rem;display:flex}.logo-lab-hero-mark{flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;display:flex}.logo-lab-hero-label{letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.logo-lab-hero-hint{color:var(--ink-muted);max-width:28rem;margin-top:.35rem;font-size:.9375rem;line-height:1.45}.logo-lab-filters{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.logo-lab-filter{border:1px solid var(--border);background:var(--bg-card);color:var(--ink-muted);cursor:pointer;border-radius:999px;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.logo-lab-filter:hover{color:var(--ink);border-color:#e85d4c59}.logo-lab-filter-active{border-color:var(--accent);color:var(--accent);background:#e85d4c14}.logo-lab-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.logo-lab-card{border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .85rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.logo-lab-card:hover{box-shadow:var(--shadow);border-color:#e85d4c4d;transform:translateY(-2px)}.logo-lab-card-active{border-color:var(--accent);box-shadow:0 0 0 2px #e85d4c26}.logo-lab-card-label{color:var(--ink);font-size:.875rem;font-weight:800}.logo-lab-card-hint{color:var(--ink-muted);font-size:.6875rem;line-height:1.35}.logo-lab-mark{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.logo-lab-mark svg{width:100%;height:100%;display:block}.logo-lab-title{letter-spacing:-.03em;margin-top:.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.logo-lab-lead{max-width:36rem;color:var(--ink-muted);margin-top:.75rem;line-height:1.55}.logo-lab-picker{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:2rem;display:grid}.logo-lab-picker-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;transition:border-color .15s,box-shadow .15s;display:flex}.logo-lab-picker-btn:hover{border-color:#e85d4c59}.logo-lab-picker-btn-active{border-color:var(--accent);box-shadow:0 0 0 2px #e85d4c26}.logo-lab-picker-label{font-size:.875rem;font-weight:700}.logo-lab-picker-hint{color:var(--ink-muted);font-size:.6875rem;line-height:1.35}.logo-lab-live-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--badge-paid-bg);color:var(--badge-paid-text);border-radius:999px;padding:.15rem .4rem;font-size:.625rem;font-weight:800}.logo-lab-preview-section{margin-top:2.5rem}.logo-lab-section-title{margin-bottom:1rem;font-size:1.125rem;font-weight:800}.logo-lab-preview-grid{gap:1rem;display:grid}@media (min-width:768px){.logo-lab-preview-grid{grid-template-columns:repeat(2,1fr)}}.logo-lab-preview-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);padding:1.25rem}.logo-lab-preview-card-dark{background:var(--surface-inset)}.logo-lab-preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:.85rem;font-size:.6875rem;font-weight:700}.logo-lab-mock-header{border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.logo-lab-mock-pill{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:.35rem .65rem;font-size:.6875rem;font-weight:700}.logo-lab-wordmark{align-items:center;gap:.5rem;display:inline-flex}.logo-lab-mock-invoice{border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:#fff;padding:1rem}html[data-theme=dark] .logo-lab-mock-invoice{background:var(--bg-card)}.logo-lab-mock-invoice-top{justify-content:space-between;align-items:center;display:flex}.logo-lab-mock-doc-type{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.625rem;font-weight:700}.logo-lab-mock-inv-no{margin-top:.75rem;font-size:1rem;font-weight:800}.logo-lab-mock-line{background:var(--surface-inset);border-radius:999px;height:.4rem;margin-top:.65rem}.logo-lab-mock-line.short{width:60%}.logo-lab-favicon-row{align-items:end;gap:.75rem;display:flex}.logo-lab-dark-strip{border-radius:calc(var(--radius) - 2px);background:#100e0c;padding:.85rem 1rem}.logo-lab-note{color:var(--ink-muted);text-align:center;margin-top:2rem;font-size:.875rem}.logo-lab-footer{text-align:center;border-top:1px solid var(--border);padding:2rem}.landing-footer-note{color:var(--ink-muted);margin-top:.5rem;font-size:.75rem}.landing-cta-inline-link{color:#ffb4a8;font-weight:600;text-decoration:underline}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-card{border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:var(--bg-card);width:min(420px,100%);box-shadow:var(--shadow-hover);padding:2rem}.auth-title{letter-spacing:-.03em;margin-top:1.5rem;font-size:1.5rem;font-weight:800}.auth-sub{color:var(--ink-muted);margin-top:.5rem;font-size:.9375rem;line-height:1.5}.auth-form{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.auth-switch{color:var(--ink-muted);text-align:center;margin-top:1.25rem;font-size:.875rem}.auth-switch a{color:var(--accent);font-weight:700}.auth-guest{text-align:center;color:var(--ink-muted);margin-top:1rem;font-size:.8125rem}.auth-guest a{color:var(--accent);font-weight:600}.auth-forgot{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:-.35rem;padding:0;font-weight:600}.auth-login-links{flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:-.35rem;display:flex}.auth-login-links .auth-forgot{margin-top:0}.auth-forgot:hover{text-decoration:underline}.auth-success{border-radius:var(--radius);background:var(--badge-paid-bg);border:1px solid #2d9a7840;margin-top:1.5rem;padding:1rem}
.invoice-app{font-family:var(--font-geist-sans), system-ui, sans-serif;padding-bottom:4.5rem}@media (min-width:1024px){.invoice-app{padding-bottom:0}}.invoice-field-label{letter-spacing:.06em;text-transform:uppercase;color:#78716c;font-size:.6875rem;font-weight:600}.invoice-input{background:#fafaf9;border:1px solid #e7e5e4;border-radius:.625rem;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.invoice-input:focus{border-color:#a8a29e;box-shadow:0 0 0 3px #a8a29e33}.invoice-chip{color:#57534e;background:#fff;border:1px solid #e7e5e4;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s}.invoice-chip:hover{border-color:#d6d3d1}.invoice-chip-active{color:#fafaf9;background:#292524;border-color:#292524}.invoice-template-btn{text-align:left;border:2px solid #e7e5e4;border-radius:.75rem;padding:.625rem;font-size:.75rem;font-weight:600;transition:border-color .15s}.invoice-template-btn-active{border-color:#292524}.template-preview-minimal{background:linear-gradient(135deg,#fff 50%,#f5f5f4 50%)}.template-preview-classic{background:linear-gradient(135deg,#fff8f0 50%,#fff 50%);font-family:Georgia,serif}.template-preview-bold{color:#fff;background:linear-gradient(#292524 28%,#fff 28%)}.template-preview-modern{background:linear-gradient(135deg,#f0f9ff 50%,#fff 50%)}.invoice-upload{cursor:pointer;color:#57534e;border:1px dashed #d6d3d1;border-radius:.625rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.invoice-upload:hover{background:#fafaf9;border-color:#a8a29e}.invoice-btn-primary{color:#fafaf9;background:#1c1917;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.invoice-btn-primary:hover:not(:disabled){background:#292524}.invoice-btn-primary:disabled{opacity:.6}.invoice-btn-ghost{color:#57534e;font-weight:500}.invoice-btn-ghost:hover{color:#1c1917}.invoice-preview-wrap{background:#ebe8e4}.invoice-preview-scaler{box-shadow:0 1px 2px #0000000a,0 12px 40px #00000014}.invoice-doc{color:#1c1917;background:#fff;width:100%;min-height:auto;padding:2.5rem;font-size:.9375rem;line-height:1.5;position:relative;box-shadow:0 8px 40px #00000014}.invoice-doc.invoice-receipt{max-width:380px;min-height:auto;padding:2rem 1.75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8125rem}.invoice-paid-stamp{z-index:10;pointer-events:none;position:absolute;top:2.5rem;right:2rem;transform:rotate(-12deg)}.invoice-paid-stamp span{letter-spacing:.15em;color:#166534;opacity:.85;text-transform:uppercase;border:4px solid #166534;border-radius:.25rem;padding:.35rem 1.25rem;font-size:1.75rem;font-weight:900;display:block}.invoice-receipt .invoice-paid-stamp{top:1.5rem;right:1rem}.invoice-receipt .invoice-paid-stamp span{border-width:3px;font-size:1.25rem}.invoice-balance-banner{border-radius:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:700}.invoice-balance-due{color:#9a3412;background:#fff3e8;border:2px solid #ea580c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.invoice-formal .invoice-balance-banner{font-size:1rem}.invoice-balance-label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;font-size:.75rem}.invoice-balance-amount{font-size:1.375rem}.invoice-line-discount td{color:#166534}.receipt-center{text-align:center;margin-bottom:1rem}.receipt-logo{max-height:48px;margin:0 auto .75rem}.receipt-store{text-transform:uppercase;letter-spacing:.04em;font-size:1rem;font-weight:700}.receipt-meta{color:#57534e;white-space:pre-line;margin-top:.25rem;font-size:.6875rem}.receipt-title{letter-spacing:.2em;margin-top:1rem;font-size:1.25rem;font-weight:800}.receipt-number,.receipt-date{color:#57534e;margin-top:.25rem;font-size:.75rem}.receipt-divider{border-top:1px dashed #a8a29e;margin:1rem 0}.receipt-lines{flex-direction:column;gap:.5rem;display:flex}.receipt-line{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.receipt-line-desc{text-align:left;flex:1}.receipt-line-qty{color:#78716c}.receipt-line-amt{white-space:nowrap;font-weight:600}.receipt-totals{flex-direction:column;gap:.35rem;display:flex}.receipt-total-row{justify-content:space-between;display:flex}.receipt-total-main{border-top:2px solid #1c1917;margin-top:.35rem;padding-top:.35rem;font-size:1.0625rem;font-weight:800}.receipt-thanks{text-align:center;text-transform:uppercase;letter-spacing:.08em;margin-top:1.25rem;font-size:.75rem;font-weight:700}.receipt-footer-note{text-align:center;color:#78716c;margin-top:1rem;font-size:.6875rem}.receipt-totals+.invoice-balance-banner{text-align:center;margin-top:1rem;font-size:.8125rem;display:block}.invoice-header{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;display:flex}.invoice-brand{align-items:center;gap:1rem;display:flex}.invoice-logo-wrap{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:flex}.invoice-logo{object-fit:contain;object-position:center;width:auto;max-width:140px;height:auto;max-height:56px;display:block}.invoice-logo-placeholder{color:#a8a29e;text-transform:uppercase;letter-spacing:.05em;border:1px dashed #d6d3d1;border-radius:.5rem;justify-content:center;align-items:center;width:56px;height:56px;font-size:.625rem;display:flex}.invoice-from-name{font-size:1rem;font-weight:600}.invoice-from-meta,.invoice-party-meta{color:#57534e;margin-top:.125rem;font-size:.8125rem}.invoice-doc-title{letter-spacing:-.02em;text-align:right;font-size:1.5rem;font-weight:700}.invoice-meta-list{text-align:right;margin-top:.75rem;font-size:.8125rem}.invoice-meta-list div{justify-content:flex-end;gap:.5rem;display:flex}.invoice-meta-list dt{color:#78716c}.invoice-meta-list dd{min-width:5rem;font-weight:600}.invoice-party-label{text-transform:uppercase;letter-spacing:.08em;color:#a8a29e;margin-bottom:.25rem;font-size:.6875rem;font-weight:600}.invoice-party-name{font-size:1rem;font-weight:600}.invoice-parties{margin-bottom:1.75rem}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.invoice-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#78716c;border-bottom:1px solid #e7e5e4;padding:.5rem .75rem;font-size:.6875rem;font-weight:600}.invoice-table th:nth-child(2),.invoice-table th:nth-child(3),.invoice-table th:nth-child(4),.invoice-table td:nth-child(2),.invoice-table td:nth-child(3),.invoice-table td:nth-child(4){text-align:right}.invoice-table td{vertical-align:top;border-bottom:1px solid #f5f5f4;padding:.75rem}.invoice-footer{flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-top:1rem;display:flex}.invoice-totals{min-width:220px;margin-left:auto}.invoice-total-row{justify-content:space-between;gap:2rem;padding:.375rem 0;font-size:.875rem;display:flex}.invoice-total-grand{border-top:2px solid #1c1917;margin-top:.5rem;padding-top:.75rem;font-size:1.125rem;font-weight:700}.invoice-notes{color:#57534e;max-width:280px;font-size:.8125rem}.invoice-notes-label{color:#1c1917;margin-bottom:.25rem;font-weight:600;display:block}.template-minimal .invoice-doc-title{letter-spacing:.02em;font-weight:500}.template-minimal .invoice-table th{border-color:#1c1917;border-bottom-width:2px}.template-classic{font-family:Georgia,Times New Roman,serif}.template-classic .invoice-doc-title{font-style:italic;font-weight:400}.template-classic .invoice-table th,.template-classic .invoice-total-grand{color:#78350f;border-color:#92400e}.template-classic .invoice-total-grand{border-top-color:#92400e}.template-bold{padding-top:0}.template-bold .invoice-formal-header{color:#fafaf9;background:#1c1917;border-radius:0;margin:-2.5rem -2.5rem 1.5rem;padding:2rem 2.5rem}.template-bold .invoice-zone-brand .invoice-from-meta,.template-bold .invoice-zone-meta .invoice-meta-list dt{color:#d6d3d1}.template-bold .invoice-zone-meta .invoice-doc-title,.template-bold .invoice-zone-meta .invoice-meta-list dd,.template-bold .invoice-zone-brand .invoice-from-name{color:#fafaf9}.template-bold .invoice-logo-placeholder{color:#a8a29e;border-color:#57534e}.template-bold .invoice-zone-billto{color:#1c1917;padding-top:.5rem}.template-bold .invoice-zone-billto .invoice-party-label,.template-bold .invoice-zone-billto .invoice-party-meta{color:#57534e}.template-bold .invoice-zone-billto .invoice-party-name{color:#1c1917}.template-bold .invoice-table th{background:#f5f5f4}.template-modern .invoice-header{border-bottom:3px solid #0d9488;padding-bottom:1.5rem}.template-modern .invoice-doc-title{color:#0f766e}.template-modern .invoice-total-grand{color:#0f766e;border-top-color:#0d9488}.invoice-footer-clean{break-inside:avoid;page-break-inside:avoid;border-top:1px solid #e7e5e4;margin-top:1.5rem;padding-top:1.25rem}.invoice-footer-grid{break-inside:avoid;page-break-inside:avoid;align-items:start;gap:1.25rem 2rem;display:grid}@media (min-width:520px){.invoice-footer-grid{grid-template-columns:1fr minmax(200px,260px)}}.invoice-footer-notes-col{flex-direction:column;gap:1.25rem;display:flex}.invoice-signature{margin-top:.25rem}.invoice-signature-img{object-fit:contain;width:auto;max-width:200px;max-height:56px;display:block}.invoice-signature-name{color:#44403c;margin:.35rem 0 0;font-size:.8125rem;font-weight:600}.invoice-receipt .invoice-signature{text-align:center;margin-top:1rem}.invoice-receipt .invoice-signature-img{margin:0 auto}.invoice-footer-notes-block{background:#fafaf9;border:1px solid #f0eeeb;border-radius:.5rem;padding:1rem 1.25rem}.invoice-footer-notes-title{text-transform:uppercase;letter-spacing:.08em;color:#78716c;margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.invoice-footer-notes-body{color:#44403c;font-size:.8125rem;line-height:1.6}.invoice-totals-formal{width:100%;margin-left:auto}.logo-size-small .invoice-logo,.logo-size-small .receipt-logo{max-width:100px;max-height:40px}.logo-size-medium .invoice-logo,.logo-size-medium .receipt-logo{max-width:140px;max-height:56px}.logo-size-large .invoice-logo,.logo-size-large .receipt-logo{max-width:200px;max-height:80px}.invoice-header-center{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.invoice-from-name-center{margin-top:.75rem}.invoice-doc-title-center{text-align:center;margin-top:1.25rem}.invoice-header-center .invoice-meta-list{text-align:center;margin-top:1rem}.invoice-header-center .invoice-meta-list div{justify-content:center}.invoice-brand-right{text-align:right;flex-direction:row-reverse}.invoice-header-right .invoice-meta-block{text-align:left;order:-1}.receipt-center.logo-center .invoice-logo,.receipt-center.logo-center .receipt-logo{margin-left:auto;margin-right:auto}.template-elegant{font-family:Georgia,serif}.template-elegant .invoice-doc-title{letter-spacing:.12em;text-transform:uppercase;font-size:1.125rem;font-weight:400}.template-elegant .invoice-footer-clean{border-top-color:#d6d3d1}.template-slate .invoice-header{border-bottom:1px solid #e2e8f0}.template-slate .invoice-doc-title{color:#334155}.template-slate .invoice-total-grand{color:#334155;border-top-color:#475569}.template-warm{background:#fffdf9}.template-warm .invoice-header{border-bottom:2px solid #d97706}.template-warm .invoice-doc-title{color:#b45309}.template-mono{font-family:ui-monospace,Menlo,monospace;font-size:.8125rem}.template-mono .invoice-table th{background:#f5f5f4}@media (max-width:640px){.invoice-doc{padding:1.25rem;font-size:.8125rem}.template-bold .invoice-formal-header{margin:-1.25rem -1.25rem 1.5rem;padding:1.25rem}.invoice-footer-grid{grid-template-columns:1fr}}.invoice-formal-header{border-bottom:1px solid #e7e5e4;gap:1.25rem 1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:grid}.invoice-zone-brand,.invoice-zone-meta,.invoice-zone-billto{min-width:0}.invoice-brand{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.invoice-brand-left{text-align:left;flex-direction:row;justify-content:flex-start}.invoice-brand-center{text-align:center;flex-direction:column;align-items:center;width:100%}.invoice-brand-center .invoice-from{text-align:center}.invoice-brand-right{text-align:right;flex-direction:row-reverse;justify-content:flex-end;width:100%}.invoice-brand-right .invoice-from{text-align:right}.invoice-formal.logo-left .invoice-formal-header{grid-template-columns:1fr 1fr;grid-template-areas:"brand meta""billto billto"}.invoice-formal.logo-left .invoice-zone-brand{grid-area:brand}.invoice-formal.logo-left .invoice-zone-meta{text-align:right;grid-area:meta;justify-self:end}.invoice-formal.logo-left .invoice-zone-meta .invoice-meta-list div{justify-content:flex-end}.invoice-formal.logo-left .invoice-zone-billto{grid-area:billto;justify-self:start;max-width:100%}.invoice-formal.logo-right .invoice-formal-header{grid-template-columns:1fr 1fr;grid-template-areas:"meta brand""billto billto"}.invoice-formal.logo-right .invoice-zone-brand{grid-area:brand;justify-self:end}.invoice-formal.logo-right .invoice-zone-meta{text-align:left;grid-area:meta;justify-self:start}.invoice-formal.logo-right .invoice-zone-meta .invoice-meta-list div{justify-content:flex-start}.invoice-formal.logo-right .invoice-zone-billto{text-align:right;grid-area:billto;justify-self:end;max-width:50%}.invoice-formal.logo-center .invoice-formal-header{text-align:center;grid-template-columns:1fr;grid-template-areas:"brand""meta""billto"}.invoice-formal.logo-center .invoice-zone-brand,.invoice-formal.logo-center .invoice-zone-meta,.invoice-formal.logo-center .invoice-zone-billto{justify-self:center;width:100%}.invoice-formal.logo-center .invoice-zone-meta .invoice-doc-title,.invoice-formal.logo-center .invoice-zone-meta .invoice-meta-list{text-align:center}.invoice-formal.logo-center .invoice-zone-meta .invoice-meta-list div{justify-content:center}.invoice-formal.logo-center .invoice-zone-billto{max-width:22rem}.layout-split.logo-left .invoice-formal-header{grid-template-areas:"brand billto""meta meta"}.layout-split.logo-right .invoice-formal-header{grid-template-areas:"billto brand""meta meta"}.layout-split.logo-center .invoice-formal-header{grid-template-areas:"brand""billto""meta"}.layout-sidebar.logo-left .invoice-formal-header{grid-template-columns:1fr minmax(200px,36%);grid-template-areas:"brand meta""billto meta"}.layout-sidebar.logo-right .invoice-formal-header{grid-template-columns:minmax(200px,36%) 1fr;grid-template-areas:"meta brand""meta billto"}.layout-sidebar.logo-right .invoice-zone-billto{max-width:none}.layout-sidebar .invoice-zone-billto .invoice-bill-to-block{background:#fafaf9;border:1px solid #f0eeeb;border-radius:.5rem;padding:1rem 1.25rem}.layout-compact.logo-left .invoice-formal-header,.layout-compact.logo-right .invoice-formal-header{gap:1rem}.layout-stacked.logo-center .invoice-zone-billto .invoice-bill-to-block{background:#fafaf9;border:1px dashed #d6d3d1;border-radius:.5rem;padding:1rem 1.25rem}.invoice-party-meta{color:#78716c;margin-top:.15rem;font-size:.8125rem}.receipt-header-block{margin-bottom:1rem}.invoice-receipt.logo-left .receipt-header-block{text-align:left}.invoice-receipt.logo-center .receipt-header-block{text-align:center}.invoice-receipt.logo-center .invoice-brand{align-items:center}.invoice-receipt.logo-center .invoice-logo,.invoice-receipt.logo-center .invoice-logo-placeholder{margin-left:auto;margin-right:auto}.invoice-receipt.logo-right .receipt-header-block{text-align:right}.invoice-receipt.logo-right .invoice-brand{justify-content:flex-end}.invoice-receipt .receipt-title{letter-spacing:.08em;margin-top:1rem;font-size:1.25rem;font-weight:800}.invoice-receipt .receipt-number,.invoice-receipt .receipt-date{color:#57534e;font-size:.8125rem}.invoice-doc.invoice-pdf-capture{box-shadow:none;padding:2rem 2.25rem}.invoice-doc.invoice-pdf-capture .invoice-footer-clean{margin-top:1.25rem;padding-top:1rem}.invoice-doc.invoice-pdf-capture .invoice-table{margin-bottom:.5rem}.invoice-cash-receipt{color:#1c1917;max-width:210mm;min-height:auto;padding:2.5rem 2.75rem;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.55}.cash-receipt-title{letter-spacing:.06em;text-transform:uppercase;margin:0 0 1.25rem;font-size:1.35rem;font-weight:700}.cash-receipt-no,.cash-receipt-date{margin:.35rem 0;font-size:1rem}.cash-receipt-block{grid-template-columns:1fr 1fr;align-items:start;gap:.5rem 2rem;margin:1.75rem 0 1.5rem;display:grid}.cash-receipt-label{color:#44403c;margin:0;font-size:.9375rem}.cash-receipt-received{grid-area:2/1}.cash-receipt-method{grid-area:2/2;margin:0;font-weight:600}.cash-receipt-party{margin:.15rem 0;font-weight:600}.cash-receipt-amount{margin:1.5rem 0 1rem;font-size:1.05rem}.cash-receipt-for{margin:0 0 1.5rem;font-size:1rem}.cash-receipt-rule{border-top:1px solid #a8a29e;height:0;margin:1.5rem 0}.cash-receipt-received-by{color:#44403c;margin:0;font-size:.9375rem}@media (max-width:520px){.invoice-cash-receipt{padding:1.5rem 1.25rem}.cash-receipt-block{grid-template-columns:1fr}.cash-receipt-method{grid-area:auto/1;margin-top:.75rem}}