:root{color-scheme:dark;--bg: #05101c;--bg-deep: #02060d;--sidebar: #040c16;--surface: #091525;--surface-2: #0d1b2d;--surface-3: #11223a;--line: #12324f;--line-soft: rgba(1, 140, 241, .12);--line-strong: #1a4a72;--text: #ffffff;--text-strong: #ffffff;--muted: #9ab0c7;--muted-2: #6f86a0;--white: #ffffff;--blue: #018cf1;--blue-hover: #0176cb;--cyan: #018cf1;--cyan-soft: rgba(1, 140, 241, .14);--green: #ff8a2a;--red: #ff8a2a;--orange: #ff8a2a;--yellow: #ff8a2a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at top left,rgba(1,140,241,.14),transparent 30rem),radial-gradient(circle at bottom right,rgba(255,138,42,.1),transparent 24rem),linear-gradient(135deg,var(--bg-deep),var(--bg) 44%,#071422);color:var(--text)}body::selection{background:#018cf152;color:var(--text-strong)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#071220;color:var(--text);outline:none;padding:12px 13px;transition:border .14s ease,background .14s ease,box-shadow .14s ease}input::placeholder,textarea::placeholder{color:#647793}input:hover,textarea:hover,select:hover{border-color:var(--line-strong);background:#0a1728}input:focus,textarea:focus,select:focus{border-color:var(--cyan);background:#0c1b2e;box-shadow:0 0 0 3px #018cf11a}input[type=file]{color:var(--muted)}textarea{resize:vertical}label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(1,140,241,.05),transparent 22rem),var(--sidebar)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(1,140,241,.36);border-radius:8px;color:#fff;font-weight:950;letter-spacing:-.08em;background:linear-gradient(135deg,#018cf16b,#018cf121)}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{color:var(--text-strong);letter-spacing:-.02em}.brand-lockup span{color:var(--muted);font-size:.82rem}.sidebar-nav{display:grid;gap:2px;margin:34px 0}.sidebar-nav a{display:flex;align-items:center;min-height:40px;border-left:2px solid transparent;color:var(--muted);padding:10px 12px;transition:color .14s ease,background .14s ease,border-color .14s ease}.sidebar-nav a.active{color:var(--text-strong);border-left-color:var(--cyan);background:linear-gradient(90deg,#018cf147,#018cf114)}.sidebar-nav a:hover{color:var(--text-strong);border-left-color:var(--blue);background:#ffffff0b}.sidebar-footer{margin-top:auto;display:grid;gap:14px}.support-contact{display:grid;gap:4px;padding-top:14px;border-top:1px solid var(--line)}.support-contact span{color:var(--muted-2);font-size:.8rem}.support-contact strong{color:var(--text);font-size:.92rem}.main-panel{min-width:0;padding:28px clamp(18px,3vw,42px) 42px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--line)}.workspace-label{display:block;margin-bottom:8px;color:var(--cyan);font-size:.82rem;font-weight:800}.topbar h1,.section-heading h2,.login-content h1{margin:0;color:var(--text-strong);letter-spacing:-.05em;line-height:.98}.topbar h1{font-size:clamp(2rem,4vw,3.5rem)}.topbar-actions,.reply-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-stack{display:grid;gap:24px}.section-heading,.split-heading,.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-heading h2{font-size:clamp(2rem,4vw,3.8rem)}.section-heading h3,.section-title-row h3,.support-form h3,.reply-section h3{margin:0;color:var(--text-strong);font-size:1.15rem;letter-spacing:-.02em}.section-heading p{max-width:720px;color:var(--muted);margin:12px 0 0;line-height:1.6}.flat-section{border-top:1px solid var(--line);padding-top:18px}.content-grid{display:grid;gap:26px}.two-columns{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.support-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start}.stack-list,.table-list{display:grid;gap:0}.table-row,.list-row,.ticket-row,.message-row{border-bottom:1px solid var(--line-soft)}.table-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;min-height:74px;padding:16px 0}.invoice-row{grid-template-columns:minmax(230px,1.35fr) repeat(2,minmax(130px,.55fr)) auto auto}.recurring-row{grid-template-columns:minmax(190px,1fr) repeat(3,minmax(130px,.55fr))}.client-row{grid-template-columns:minmax(220px,1.1fr) minmax(210px,.8fr) minmax(130px,.55fr) minmax(220px,1fr)}.table-row strong,.table-row small,.table-row span,.list-row strong,.list-row small,.ticket-main strong,.ticket-main small{display:block}.table-row small,.table-row span:not(.status-label),.list-row small,.ticket-main small,.ticket-meta{color:var(--muted);font-size:.82rem}.table-row strong,.list-row strong,.ticket-main strong{color:var(--text-strong)}.invoice-main strong,.ticket-main strong,.list-row strong{margin-bottom:5px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;padding:14px 0}.clickable-row,.ticket-row{transition:color .14s ease,background .14s ease,border-color .14s ease,transform .14s ease}.clickable-row:hover,.ticket-row:hover{color:var(--cyan);border-bottom-color:#018cf157;background:linear-gradient(90deg,rgba(1,140,241,.08),transparent)}.ticket-row{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:18px;padding:17px 0}.clean-ticket-row{grid-template-columns:minmax(260px,1fr) auto}.clean-ticket-row>.status-label{justify-self:end}.ticket-main p{max-width:740px;color:var(--muted);margin:0;line-height:1.55}.ticket-meta{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}.support-form,.reply-section{display:grid;gap:14px}.conversation-section{display:grid;gap:0}.message-row{width:100%;padding:18px 0}.staff-message{padding-left:34px;border-left:2px solid rgba(1,140,241,.7)}.client-message{padding-left:34px;border-left:2px solid rgba(168,183,208,.32)}.message-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.85rem}.message-header strong{color:var(--text-strong)}.message-row p{margin:10px 0 0;line-height:1.55}.attachment-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.attachment-link{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--text);background:#071220;transition:border .14s ease,background .14s ease}.attachment-link:hover{border-color:var(--cyan);background:#0e2037}.attachment-link strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.attachment-link small{color:var(--muted);font-size:.78rem}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#018cf114,#018cf109)}.metric-item{padding:18px;border-right:1px solid var(--line);text-align:center}.metric-item:first-child{padding-left:18px}.metric-item:last-child{border-right:0}.metric-item span,.metric-item strong,.metric-item small{display:block}.metric-item span{color:var(--muted);font-size:.82rem}.metric-item strong{margin:8px 0 6px;color:var(--text-strong);font-size:clamp(1.45rem,2.5vw,2.2rem);letter-spacing:-.05em}.metric-item small{color:var(--muted-2);font-size:.82rem}.primary-button,.secondary-button{border:1px solid transparent;border-radius:8px;padding:11px 15px;font-weight:850;color:#fff;transition:transform .14s ease,background .14s ease,border .14s ease,box-shadow .14s ease}.primary-button{background:linear-gradient(135deg,var(--blue),#249cff);box-shadow:0 10px 30px #018cf12e}.primary-button:hover{background:linear-gradient(135deg,var(--blue-hover),var(--blue));box-shadow:0 12px 34px #018cf13d}.secondary-button{border-color:var(--line-strong);background:#0b1728;color:var(--text)}.secondary-button:hover{border-color:var(--cyan);background:#10223a;color:var(--text-strong)}.full-width{width:100%}.compact{padding:9px 11px;font-size:.9rem}.text-link{display:inline-flex;margin-bottom:14px;color:var(--cyan);font-weight:850}.text-link:hover{color:#79e6ff}.status-label{display:inline;width:fit-content;white-space:nowrap;color:var(--muted);font-size:.82rem;font-weight:850}.status-paid,.status-active,.status-low{color:var(--green)}.status-unpaid,.status-draft,.status-medium,.status-open{color:var(--cyan)}.status-overdue,.status-high{color:var(--red)}.status-in_progress,.status-paused,.status-lead{color:var(--orange)}.status-closed{color:var(--muted-2)}.tiny-note{margin:0;color:var(--muted-2);font-size:.8rem;line-height:1.5}.empty-state{display:grid;gap:8px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line-soft)}.empty-icon{color:var(--cyan);font-size:1.5rem}.empty-state h3,.empty-state p{margin:0}.empty-state p{color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;padding:clamp(24px,5vw,54px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,#0d1b2feb,#081525b8)}.login-brand{grid-column:1 / -1}.login-content{align-self:end}.login-content h1{max-width:650px;margin-top:14px;font-size:clamp(2.6rem,6vw,6rem)}.login-content p{max-width:620px;color:var(--muted);font-size:1.05rem;line-height:1.65}.login-form{display:grid;gap:15px;align-self:end;padding-left:28px;border-left:1px solid var(--line)}@media(max-width:1180px){.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-item:nth-child(2){border-right:0}.two-columns,.support-layout{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0}.topbar,.section-heading,.section-title-row{align-items:stretch;flex-direction:column}.table-row,.invoice-row,.recurring-row,.client-row,.ticket-row,.login-shell{grid-template-columns:1fr}.login-form{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:24px}}@media(max-width:560px){.main-panel{padding:18px 14px 30px}.metrics-strip,.sidebar-nav{grid-template-columns:1fr}.metric-item,.metric-item:first-child{padding:16px 18px;border-right:0;border-bottom:1px solid var(--line)}.metric-item:last-child{border-bottom:0}.login-page{padding:12px}.login-shell{padding:22px}}body{overflow-x:hidden;background:radial-gradient(circle at 14% 8%,rgba(1,140,241,.2),transparent 26rem),radial-gradient(circle at 84% 4%,rgba(1,140,241,.2),transparent 28rem),radial-gradient(circle at 64% 92%,rgba(55,216,137,.08),transparent 30rem),linear-gradient(135deg,#030812,#07111f 42%,#0a1d34)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 74%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 74%);z-index:0}body:after{content:"";position:fixed;top:-12rem;right:-12rem;width:34rem;height:34rem;border:1px solid rgba(1,140,241,.14);border-radius:999px;pointer-events:none;box-shadow:inset 0 0 90px #018cf114,0 0 140px #018cf114;z-index:0}#root,.app-shell,.login-page{position:relative;z-index:1}.sidebar{background:linear-gradient(180deg,rgba(1,140,241,.11),transparent 19rem),linear-gradient(90deg,rgba(1,140,241,.1),transparent 42%),#07111ff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar:before{content:"";position:absolute;top:24px;right:-1px;width:1px;height:180px;background:linear-gradient(to bottom,transparent,var(--cyan),transparent)}.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(25deg) translate(-120%);transition:transform .42s ease}.brand-lockup:hover .brand-mark:after{transform:rotate(25deg) translate(120%)}.topbar{position:relative;padding:20px 0 28px}.topbar:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(1,140,241,.42),transparent 72%)}.hero-section{position:relative;overflow:hidden;padding:clamp(22px,3vw,34px) clamp(18px,3vw,30px);border-top:1px solid rgba(1,140,241,.22);border-bottom:1px solid rgba(1,140,241,.18);background:linear-gradient(120deg,rgba(1,140,241,.12),rgba(1,140,241,.05) 42%,transparent),linear-gradient(180deg,#0d1b2fd1,#07111f85)}.hero-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--cyan),var(--blue),transparent)}.hero-section:after{content:"";position:absolute;top:-44px;right:10%;width:180px;height:180px;border:1px solid rgba(1,140,241,.1);border-radius:999px}.hero-section>*{position:relative;z-index:1}.flat-section{position:relative;padding:20px clamp(16px,2vw,24px);border-top:1px solid rgba(1,140,241,.16);border-bottom:1px solid rgba(1,140,241,.13);background:linear-gradient(90deg,rgba(1,140,241,.045),transparent 38%),#08142494}.flat-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(1,140,241,.42),transparent 64%)}.table-row,.list-row,.ticket-row,.message-row{position:relative}.animated-row:before,.clickable-row:before,.ticket-row:before,.list-row:before{content:"";position:absolute;top:14px;bottom:14px;left:-24px;width:2px;background:transparent;transition:background .14s ease,box-shadow .14s ease}.animated-row:hover:before,.clickable-row:hover:before,.ticket-row:hover:before,.list-row:hover:before{background:var(--cyan);box-shadow:0 0 22px #018cf16b}.table-row:hover,.list-row:hover,.ticket-row:hover{background:linear-gradient(90deg,rgba(1,140,241,.1),rgba(1,140,241,.035),transparent)}.metrics-strip{overflow:hidden;border-color:#018cf12e;background:linear-gradient(90deg,#018cf129,#018cf112,#37d8890a),#081424a3}.metric-item{position:relative}.metric-item:after{content:"";position:absolute;left:50%;bottom:14px;width:34px;height:2px;background:#018cf157;transform:translate(-50%)}.accent-metric strong{color:var(--cyan)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:active,.secondary-button:active{transform:translateY(0)}.secondary-button:disabled{opacity:.55;cursor:default;transform:none}.create-invoice-section{background:linear-gradient(120deg,#018cf11f,#018cf10b),#081424b3}.invoice-form{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-top:18px;align-items:end}.wide-field{grid-column:span 2}.form-actions,.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.row-actions{min-width:164px}.invoice-metrics .metric-item strong{letter-spacing:-.04em}.status-label{text-shadow:0 0 22px currentColor}.login-shell{position:relative;overflow:hidden;border-top-color:#018cf138;border-bottom-color:#018cf12e}.login-shell:after{content:"";position:absolute;right:-90px;bottom:-120px;width:320px;height:320px;border:1px solid rgba(1,140,241,.14);border-radius:999px;pointer-events:none}.login-shell>*{position:relative;z-index:1}@media(max-width:1300px){.invoice-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-field{grid-column:span 2}}@media(max-width:720px){.invoice-form,.wide-field{grid-template-columns:1fr;grid-column:auto}.hero-section{padding:20px 16px}.flat-section{padding:18px 14px}}.recurring-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(160px,.65fr);gap:14px;align-items:end;padding:12px;border:1px solid rgba(1,140,241,.12);border-radius:10px;background:#050d1857}.checkbox-field{display:flex;grid-template-columns:none;grid-auto-flow:column;align-items:center;justify-content:flex-start;gap:12px;min-height:47px;cursor:pointer}.checkbox-field input{width:18px;height:18px;min-width:18px;accent-color:var(--cyan);padding:0;cursor:pointer}.checkbox-field span{display:grid;gap:3px}.checkbox-field strong{color:var(--text-strong);font-size:.95rem}.checkbox-field small{color:var(--muted-2);line-height:1.35}.recurring-panel select:disabled{opacity:.45;cursor:not-allowed}.invoice-row small+small{margin-top:4px;color:var(--cyan)}@media(max-width:720px){.recurring-panel{grid-template-columns:1fr}}.single-action{min-width:76px}.client-table-list{gap:12px}.client-card-wrap{border-bottom:1px solid var(--line-soft)}.client-click-row{grid-template-columns:minmax(220px,1fr) minmax(220px,.85fr);cursor:pointer;padding-inline:10px;border:1px solid transparent;border-radius:14px}.client-click-row.is-open{border-color:#018cf13d;background:linear-gradient(90deg,#018cf11a,#018cf10a)}.client-click-row strong{word-break:break-word}.client-detail-panel{padding:4px 10px 18px}.client-detail-heading{margin-bottom:16px}.client-create-form,.client-edit-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(220px,1fr) auto}.client-create-actions{align-self:end;min-height:44px}@media(max-width:1300px){.client-create-form,.client-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.client-click-row,.client-create-form,.client-edit-form{grid-template-columns:1fr}.client-create-actions{justify-content:flex-start}}.main-panel{overflow-x:hidden}.route-transition{min-height:100%;animation:route-enter .26s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 0;will-change:opacity,transform,filter}@keyframes route-enter{0%{opacity:0;transform:translateY(14px) scale(.992);filter:blur(5px)}65%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.sidebar-nav a{position:relative;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar-nav a:hover{transform:translate(3px)}.sidebar-nav a.active{box-shadow:inset 3px 0 #018cf1f2,0 0 24px #018cf11f}.flat-section,.hero-section,.metrics-strip{animation:section-soft-in .36s cubic-bezier(.22,1,.36,1) both}.page-stack>*:nth-child(2){animation-delay:55ms}.page-stack>*:nth-child(3){animation-delay:95ms}.page-stack>*:nth-child(4){animation-delay:135ms}@keyframes section-soft-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.route-transition,.flat-section,.hero-section,.metrics-strip{animation:none}.sidebar-nav a,.sidebar-nav a:hover{transition:none;transform:none}}.list-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(1,140,241,.12)}.list-toolbar>span{color:var(--muted);font-size:.86rem;white-space:nowrap}.search-field{display:grid;gap:8px;width:min(520px,100%);color:var(--muted);font-size:.86rem;font-weight:700}.search-field input{width:100%;min-height:44px;border:1px solid rgba(168,183,208,.16);border-radius:12px;padding:0 14px;color:var(--text-strong);background:linear-gradient(90deg,#018cf114,#018cf109),#07111fb8;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.search-field input::placeholder{color:#a8b7d08a}.search-field input:focus{border-color:#018cf1b8;box-shadow:0 0 0 3px #018cf11c}@media(max-width:720px){.list-toolbar{align-items:stretch;flex-direction:column}.list-toolbar>span{white-space:normal}}.customer-invoice-row{grid-template-columns:minmax(180px,1.05fr) minmax(130px,.55fr) minmax(150px,.6fr) minmax(110px,.45fr) minmax(80px,auto) 54px}.customer-invoice-row>*{min-width:0}.customer-invoice-row>.status-label{justify-self:end}.customer-invoice-row>.pdf-button{justify-self:end}.pdf-button{width:auto;min-width:48px;min-height:34px;padding:7px 11px;border-radius:8px;line-height:1}@media(max-width:860px){.customer-invoice-row{grid-template-columns:1fr}.customer-invoice-row>.status-label,.customer-invoice-row>.pdf-button{justify-self:start}}.admin-invoice-row{grid-template-columns:minmax(190px,1.05fr) minmax(140px,.6fr) minmax(120px,.45fr) minmax(118px,auto) 42px}.admin-invoice-row>*{min-width:0}.admin-invoice-row>.status-label,.admin-invoice-row>.pdf-button,.admin-invoice-row>.secondary-button.compact{justify-self:end}@media(max-width:860px){.admin-invoice-row{grid-template-columns:1fr}.admin-invoice-row>.status-label,.admin-invoice-row>.pdf-button,.admin-invoice-row>.secondary-button.compact{justify-self:start}}.admin-side-layout{align-items:start}.admin-side-form{align-content:start}.admin-side-form form{display:grid;gap:14px}.form-actions-start{justify-content:flex-start}.recurring-panel-vertical{grid-template-columns:1fr}@media(min-width:1000px){.admin-side-layout{grid-template-columns:minmax(0,1.35fr) 350px}}.text-button{width:fit-content;border:0;padding:0;color:var(--cyan);background:transparent;font:inherit;font-weight:850;cursor:pointer;transition:color .14s ease,text-shadow .14s ease}.text-button:hover{color:#79e6ff;text-shadow:0 0 18px rgba(1,140,241,.42)}.forgot-password-link{justify-self:end;margin-top:-4px;margin-bottom:2px;font-size:.9rem}.forgot-password-form{display:grid;gap:15px}.forgot-password-form h2{margin:0;color:var(--text-strong);font-size:1.6rem;letter-spacing:-.04em}.forgot-password-form p{margin:8px 0 0;color:var(--muted);line-height:1.55}.success-message{border:1px solid rgba(55,216,137,.28);border-radius:10px;padding:11px 12px;color:var(--green);background:#37d88914;font-size:.9rem;font-weight:800}.nav-link{display:flex;align-items:center;gap:10px}.nav-link svg{width:16px;color:var(--cyan);opacity:.9}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px}.icon-button svg{width:14px;flex:0 0 auto}.heading-icon,.section-icon,.inline-icon{color:var(--cyan);filter:drop-shadow(0 0 12px rgba(1,140,241,.22))}.heading-icon{width:.78em;margin-right:12px;vertical-align:-.04em}.section-icon{width:.95em;margin-right:8px;vertical-align:-.05em}.inline-icon{width:.9em;margin-right:5px;vertical-align:-.08em}.label-icon{display:inline-flex;align-items:center;gap:7px}.label-icon svg{width:13px;color:var(--cyan);opacity:.9}.support-contact strong{display:inline-flex;align-items:center;gap:7px}.attachment-link svg{color:var(--cyan)}.text-link.icon-button{width:fit-content}.invoice-items-form{display:grid;gap:12px;padding:12px;border:1px solid rgba(1,140,241,.12);border-radius:10px;background:#050d1857}.invoice-items-title{align-items:center;margin-bottom:2px}.invoice-items-title h3{font-size:.98rem}.invoice-item-editor{display:grid;grid-template-columns:minmax(170px,1fr) 78px 116px 82px auto;gap:10px;align-items:end;padding-bottom:12px;border-bottom:1px solid rgba(168,183,208,.1)}.invoice-item-editor:last-child{padding-bottom:0;border-bottom:0}.invoice-item-editor .wide-field{grid-column:auto}.invoice-form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.invoice-total-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid rgba(1,140,241,.18);border-bottom:1px solid rgba(1,140,241,.12)}.invoice-total-preview span{color:var(--muted);font-size:.88rem}.invoice-total-preview strong{color:var(--cyan);font-size:1.35rem;letter-spacing:-.04em;text-shadow:0 0 22px rgba(1,140,241,.35)}@media(max-width:1500px){.invoice-item-editor{grid-template-columns:1fr 80px 120px}.invoice-item-editor .wide-field{grid-column:1 / -1}}@media(max-width:720px){.invoice-item-editor,.invoice-form-two{grid-template-columns:1fr}}@media(min-width:1000px){.admin-side-layout{grid-template-columns:minmax(0,1fr) 318px;gap:22px}}.admin-side-layout>.flat-section:first-child{min-width:0}.admin-side-layout>.support-form{min-width:0}.admin-side-layout .support-form,.admin-side-layout .admin-side-form{gap:12px}.admin-side-layout .support-form h3{font-size:1.05rem}.admin-side-layout .support-form label{gap:7px;font-size:.82rem}.admin-side-layout .support-form input,.admin-side-layout .support-form select,.admin-side-layout .support-form textarea{min-height:40px;padding:10px 11px;font-size:.9rem}.admin-side-layout .invoice-items-form{gap:10px;padding:10px;border-radius:9px}.admin-side-layout .invoice-items-title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.admin-side-layout .invoice-items-title h3{font-size:.95rem}.admin-side-layout .invoice-item-editor{grid-template-columns:1fr;gap:9px;padding-bottom:12px}.admin-side-layout .invoice-form-two{grid-template-columns:1fr;gap:12px}.admin-side-layout .recurring-panel-vertical{padding:12px}.admin-side-layout .checkbox-field{align-items:flex-start}.admin-side-layout .checkbox-field small{line-height:1.45}.admin-side-layout .invoice-total-preview{padding:12px 0}.admin-side-layout .invoice-total-preview strong{font-size:1.15rem}.admin-side-layout .form-actions-start{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px}.admin-side-layout .form-actions-start .primary-button,.admin-side-layout .form-actions-start .secondary-button{min-height:42px;padding-inline:12px}@media(max-width:1180px){.admin-side-layout{grid-template-columns:1fr}}@media(min-width:1000px){.admin-side-layout{grid-template-columns:minmax(0,.82fr) 440px;gap:22px}}.admin-side-layout .invoice-item-editor{grid-template-columns:1fr 76px 120px 76px auto;gap:10px}.admin-side-layout .invoice-item-editor .wide-field{grid-column:auto}.admin-side-layout .invoice-form-two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-side-layout .support-form input,.admin-side-layout .support-form select,.admin-side-layout .support-form textarea{font-size:.92rem}.admin-side-layout .invoice-total-preview strong{font-size:1.28rem}@media(max-width:1380px){.admin-side-layout{grid-template-columns:minmax(0,.75fr) 420px}.admin-side-layout .invoice-item-editor{grid-template-columns:1fr 74px 112px}.admin-side-layout .invoice-item-editor .wide-field{grid-column:1 / -1}}@media(max-width:1180px){.admin-side-layout,.admin-side-layout .invoice-item-editor,.admin-side-layout .invoice-form-two{grid-template-columns:1fr}}.admin-side-layout .invoice-items-form{gap:12px}.admin-side-layout .invoice-item-editor{grid-template-columns:86px minmax(0,1fr) 74px auto;gap:10px;padding:12px;border:1px solid rgba(1,140,241,.14);border-radius:12px;background:linear-gradient(180deg,#07111fad,#050e1aeb);box-shadow:inset 0 1px #ffffff05}.admin-side-layout .invoice-item-editor .wide-field{grid-column:1 / -1}.admin-side-layout .invoice-item-editor .wide-field input{min-height:42px}.admin-side-layout .invoice-item-editor label{margin:0}.admin-side-layout .invoice-item-editor button{align-self:end;min-height:42px}.admin-side-layout .invoice-items-title{margin-bottom:0}@media(max-width:1380px){.admin-side-layout .invoice-item-editor{grid-template-columns:84px minmax(0,1fr) 72px auto}}@media(max-width:560px){.admin-side-layout .invoice-item-editor{grid-template-columns:1fr 1fr}.admin-side-layout .invoice-item-editor .wide-field,.admin-side-layout .invoice-item-editor button{grid-column:1 / -1}}.admin-side-layout .invoice-item-editor{position:relative;padding-top:12px}.admin-side-layout .invoice-item-description-row{position:relative;display:grid;grid-column:1 / -1;gap:7px}.admin-side-layout .invoice-item-description-row .wide-field{grid-column:auto;padding-right:0}.admin-side-layout .invoice-item-description-row .wide-field input{width:100%}.admin-side-layout .invoice-item-remove-button{position:absolute;top:-7px;right:0;min-height:auto;width:22px;height:22px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:999px;gap:0;color:var(--muted);z-index:2}.admin-side-layout .invoice-item-remove-button:hover:not(:disabled){background:transparent;color:#fff}.admin-side-layout .invoice-item-remove-button svg{width:12px}.admin-side-layout .invoice-item-remove-button[disabled]{opacity:.35}.text-link{color:#018cf1}.text-link:hover{color:#ff8a2a}.primary-button,.login-button,button.primary-button{background:linear-gradient(135deg,#018cf1,#0176cb);color:#fff;border-color:#018cf16b;box-shadow:0 10px 26px #018cf129}.primary-button:hover,.login-button:hover,button.primary-button:hover{background:linear-gradient(135deg,#1397f8,#018cf1);box-shadow:0 0 28px #018cf147}.secondary-button,.icon-button,button.secondary-button{border-color:#018cf13d;color:#fff}.secondary-button:hover,.icon-button:hover,button.secondary-button:hover{border-color:#ff8a2a61;color:#fff;box-shadow:0 0 22px #ff8a2a24}.sidebar-link.active,.nav-item.active{border-left-color:#018cf1;background:linear-gradient(90deg,#018cf124,#018cf10d)}.sidebar-link:hover,.nav-item:hover{background:#018cf114}.status-paid,.status-active,.status-low,.status-in_progress,.status-paused,.status-lead,.status-overdue,.status-high,.status-betald,.status-förfallen{color:#ff8a2a;text-shadow:0 0 14px rgba(255,138,42,.18)}.status-unpaid,.status-draft,.status-medium,.status-open,.status-utkast,.status-obetald{color:#018cf1;text-shadow:0 0 14px rgba(1,140,241,.18)}.status-closed{color:#fff;opacity:.76}.heading-icon,.section-icon,.inline-icon,.sidebar-icon,.label-icon svg,.icon-button svg{color:#018cf1;filter:drop-shadow(0 0 10px rgba(1,140,241,.18))}.invoice-total-preview strong,.metric-value,.stat-value{color:#018cf1;text-shadow:0 0 18px rgba(1,140,241,.22)}.invoice-item-remove-button:hover:not(:disabled){color:#ff8a2a}.card,.portal-card,.side-panel,.auth-card,.admin-side-panel,.ticket-thread,.table-surface{background:linear-gradient(180deg,#091525fa,#06101cfa)}::selection{background:#018cf147;color:#fff}.admin-invoice-row .invoice-action-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border-radius:10px;gap:0}.admin-invoice-row .invoice-action-button svg{width:14px}.admin-invoice-row .pdf-button{color:#018cf1;border-color:#018cf147}.admin-invoice-row .pdf-button:hover{color:#fff;border-color:#018cf18c;background:#018cf11f}.admin-invoice-row .invoice-action-paid{color:#22c55e;border-color:#22c55e59}.admin-invoice-row .invoice-action-paid:hover{color:#fff;border-color:#22c55e9e;background:#22c55e24;box-shadow:0 0 20px #22c55e29}.admin-invoice-row .invoice-action-unpaid{color:#ef4444;border-color:#ef444459}.admin-invoice-row .invoice-action-unpaid:hover{color:#fff;border-color:#ef44449e;background:#ef444424;box-shadow:0 0 20px #ef444429}svg.svg-inline--fa,.heading-icon,.section-icon,.inline-icon,.sidebar-icon,.inline-icon svg,.heading-icon svg,.section-icon svg,.sidebar-icon svg,.label-icon svg,.icon-button svg,.empty-icon,.stat-icon,.metric-icon{color:#fff;filter:none}.admin-invoice-row .invoice-action-button{border-color:#ffffff24;color:#fff}.admin-invoice-row .invoice-action-button:hover{border-color:#ffffff3d;background:#ffffff0f;box-shadow:none}.admin-invoice-row .invoice-action-button svg{color:#fff;filter:none}.admin-invoice-row .invoice-action-paid,.admin-invoice-row .invoice-action-unpaid{color:#fff;border-color:#ffffff24}.admin-invoice-row .invoice-action-paid:hover,.admin-invoice-row .invoice-action-unpaid:hover{color:#fff;border-color:#ffffff3d;background:#ffffff0f;box-shadow:none}.admin-invoice-row .invoice-action-paid svg,.admin-invoice-row .invoice-action-paid:hover svg{color:#22c55e;filter:drop-shadow(0 0 9px rgba(34,197,94,.18))}.admin-invoice-row .invoice-action-unpaid svg,.admin-invoice-row .invoice-action-unpaid:hover svg{color:#ef4444;filter:drop-shadow(0 0 9px rgba(239,68,68,.18))}.status-unpaid,.status-obetald{color:#fff;text-shadow:none}.admin-invoice-row .invoice-status-select{justify-self:end;width:auto;min-width:112px;min-height:34px;padding:7px 30px 7px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff0e,#ffffff06),#071220;color:#fff;font-size:.82rem;font-weight:850;line-height:1;cursor:pointer}.admin-invoice-row .invoice-status-select:hover{border-color:#ffffff3d;background:linear-gradient(180deg,#ffffff13,#ffffff09),#091525}.admin-invoice-row .invoice-status-select:focus{border-color:#018cf18c;box-shadow:0 0 0 3px #018cf11f}.admin-invoice-row .invoice-status-select.status-unpaid{color:#fff}.admin-invoice-row .invoice-status-select option{background:#071220;color:#fff}@media(max-width:860px){.admin-invoice-row .invoice-status-select{justify-self:start}}.admin-invoice-row .pdf-button svg{width:18px;height:18px;font-size:18px}.admin-invoice-row .pdf-button{width:38px;min-width:38px;height:38px;min-height:38px}.customer-invoice-row .pdf-button{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:10px;gap:0}.customer-invoice-row .pdf-button svg{width:18px;height:18px;font-size:18px}.pagination-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft)}.pagination-bar span{color:var(--muted);font-size:.86rem;font-weight:800;white-space:nowrap}.pagination-bar button{min-width:96px}.pagination-bar button:disabled{opacity:.38;cursor:not-allowed}@media(max-width:640px){.pagination-bar{justify-content:stretch;display:grid;grid-template-columns:1fr}.pagination-bar span{text-align:center}.pagination-bar button{width:100%}}.admin-invoice-row .invoice-status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;padding-right:11px}.admin-invoice-row .invoice-status-select::-ms-expand{display:none}.status-paid,.status-betald{color:#22c55e;text-shadow:0 0 12px rgba(34,197,94,.16)}.status-unpaid,.status-obetald{color:#ff8a2a;text-shadow:0 0 12px rgba(255,138,42,.16)}.status-overdue,.status-förfallen,.status-forfallen{color:#ef4444;text-shadow:0 0 12px rgba(239,68,68,.16)}.admin-invoice-row .invoice-status-select.status-paid{color:#22c55e}.admin-invoice-row .invoice-status-select.status-unpaid{color:#ff8a2a}.admin-invoice-row .invoice-status-select.status-overdue{color:#ef4444}.client-row>div{min-width:0}.client-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-edit-form .wide-field{grid-column:1 / -1}@media(max-width:1200px){.client-row{grid-template-columns:1fr 1fr}}@media(max-width:720px){.client-row{grid-template-columns:1fr}}.client-detail-panel .danger-button{border-color:#ef444457;color:#fff}.client-detail-panel .danger-button:hover{border-color:#ef444494;background:#ef44441f;box-shadow:0 0 20px #ef44441f}.client-detail-panel .client-save-icon-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:12px;gap:0}.client-detail-panel .client-save-icon-button svg{width:15px;height:15px}.client-detail-panel .client-edit-icon-button{width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;padding:0;border-radius:12px;gap:0;justify-content:center;flex:0 0 42px}.client-detail-panel .client-edit-icon-button svg{width:15px;height:15px;font-size:15px}.client-detail-panel .client-create-actions{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-end}.search-result-banner{margin:12px 0 14px;padding:10px 12px;border:1px solid rgba(1,140,241,.22);border-radius:12px;background:#018cf114;color:var(--muted);font-size:.86rem;font-weight:750}.search-result-banner strong{color:var(--text-strong)}.invoice-results-transition{animation:invoice-results-enter .26s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 0;will-change:opacity,transform,filter}@keyframes invoice-results-enter{0%{opacity:0;transform:translateY(12px) scale(.992);filter:blur(4px)}70%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.not-found-page{min-height:min(620px,calc(100vh - 56px));display:grid;place-items:center;padding:24px}.not-found-public{min-height:100vh;background:radial-gradient(circle at top left,rgba(1,140,241,.18),transparent 30rem),radial-gradient(circle at bottom right,rgba(255,138,42,.14),transparent 24rem),linear-gradient(135deg,var(--bg-deep),var(--bg) 44%,#071422)}.not-found-card{width:min(100%,560px);padding:clamp(28px,5vw,46px);border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(180deg,#ffffff12,#ffffff09),#071220e0;box-shadow:0 26px 90px #00000052;text-align:center}.not-found-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid rgba(255,138,42,.34);border-radius:18px;color:#ff8a2a;background:#ff8a2a1a;box-shadow:0 0 34px #ff8a2a1a}.not-found-icon svg{width:22px;height:22px}.not-found-code{display:block;margin-bottom:8px;color:#018cf1;font-size:clamp(3.2rem,9vw,6.5rem);font-weight:950;letter-spacing:-.09em;line-height:.9;text-shadow:0 0 32px rgba(1,140,241,.18)}.not-found-card h2{margin:0;color:var(--text-strong);font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.05em}.not-found-card p{max-width:42ch;margin:14px auto 0;color:var(--muted);line-height:1.65}.not-found-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}@media(max-width:560px){.not-found-actions{display:grid;grid-template-columns:1fr}.not-found-actions button{width:100%;justify-content:center}}