:root{color-scheme:light;--ink:#102445;--muted:#61708a;--line:#dfe6f0;--paper:#fff;--blue:#3c67b2;--navy:#172f69;--aqua:#6fd1df;--wash:#edf6fb;--danger:#aa2d3b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f8fc;color:var(--ink)}button,input,textarea{font:inherit}.hidden{display:none!important}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}button{border:0;border-radius:10px;padding:13px 17px;background:var(--navy);color:#fff;font-weight:760;cursor:pointer}button:hover{background:#0e2458}button:disabled{opacity:.55;cursor:wait}button.quiet{background:#fff;color:var(--blue);border:1px solid var(--line)}button.quiet:hover{background:var(--wash)}button.compact{padding:8px 12px}.access-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(440px,1.08fr)}.brand-panel{position:relative;overflow:hidden;padding:clamp(42px,6vw,88px);color:#fff;background:linear-gradient(150deg,#10285d 0%,#294e96 65%,#4a82c8 100%);display:flex;flex-direction:column;justify-content:center}.brand-panel:before,.brand-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;width:520px;height:520px;right:-270px;top:-180px}.brand-panel:after{width:360px;height:360px;right:-120px;top:auto;bottom:-180px;border-color:rgba(111,209,223,.22)}.brand-lockup{position:relative;display:flex;align-items:center;gap:24px;z-index:1}.brand-lockup img{width:105px;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}.brand-panel .eyebrow{color:#fff;opacity:.72}.brand-panel h1{margin:0;font-size:clamp(2.3rem,5vw,4.4rem);line-height:.95;letter-spacing:-.055em}.brand-copy{position:relative;z-index:1;margin:42px 0 30px;max-width:560px;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.55;color:#eaf3ff}.trust-list{position:relative;z-index:1;display:grid;gap:13px;margin:0;padding:0;list-style:none;color:#dbeaff}.trust-list li:before{content:"✓";margin-right:12px;color:var(--aqua);font-weight:900}.access-panel{padding:clamp(28px,6vw,80px);display:flex;flex-direction:column;justify-content:center;align-items:center}.card{width:min(100%,660px);padding:clamp(28px,5vw,54px);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(28,53,91,.12)}.card h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;letter-spacing:-.04em}.lede{margin:16px 0 30px;color:var(--muted);line-height:1.65}form{display:grid;gap:12px}label{display:grid;gap:7px;font-size:.85rem;font-weight:750}label span{color:var(--muted);font-weight:500}input,textarea{width:100%;border:1px solid #bfcadd;border-radius:10px;padding:12px 13px;color:var(--ink);background:#fff;outline:none}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(60,103,178,.13)}.message{min-height:1.5em;margin:10px 0 0;color:var(--muted)}.message.error{color:var(--danger)}.access-panel footer{width:min(100%,660px);margin-top:22px;color:#7d899d;font-size:.78rem;text-align:center}
.workspace{min-height:100vh}.topbar{height:72px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.mini-brand,.top-actions{display:flex;align-items:center;gap:12px}.mini-brand img{width:42px;height:42px;object-fit:contain}.mini-brand div{display:grid}.mini-brand span,.top-actions>span{color:var(--muted);font-size:.78rem}.app-grid{min-height:calc(100vh - 72px);display:grid;grid-template-columns:280px 1fr}.sidebar{padding:24px 18px;background:#f9fbfe;border-right:1px solid var(--line)}.sidebar>button{width:100%}.sidebar h2{margin:30px 6px 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.invoice-list{display:grid;gap:7px}.invoice-link{display:flex;justify-content:space-between;gap:10px;padding:12px;background:#fff;border:1px solid var(--line);color:var(--ink);text-align:left}.invoice-link:hover{background:var(--wash)}.invoice-link span{display:grid;gap:3px}.invoice-link span:last-child{text-align:right}.invoice-link small{color:var(--muted);font-size:.72rem}.content{padding:clamp(24px,5vw,64px);min-width:0}.empty-state{max-width:650px;margin:10vh auto;text-align:center}.empty-state h1,.editor h1{margin:0;font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.045em}.empty-state p:not(.eyebrow){color:var(--muted);font-size:1.08rem;line-height:1.7}.editor,.detail{max-width:1100px;margin:0 auto}.editor{padding:32px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px rgba(28,53,91,.07)}.editor-head,.line-heading,.detail-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.form-grid .wide{grid-column:1/-1}.line-heading{align-items:center;border-top:1px solid var(--line);padding-top:24px}.line-heading h2{margin:0;font-size:1.15rem}.line-items{display:grid;gap:10px;margin-top:14px}.line-row{display:grid;grid-template-columns:minmax(220px,1fr) 105px 140px 110px 34px;gap:10px;align-items:end}.line-amount{padding:13px 4px;text-align:right}.remove-line{padding:9px;background:transparent;color:var(--danger);font-size:1.5rem}.editor-total{display:flex;justify-content:flex-end;gap:40px;margin:28px 44px 0 auto;font-size:1.2rem}.form-actions{display:flex;justify-content:flex-end}.detail-actions{margin-bottom:18px}.detail-actions>div{display:flex;gap:10px}.invoice-paper{max-width:900px;min-height:1130px;margin:0 auto;padding:62px;background:#fff;box-shadow:0 15px 45px rgba(29,54,91,.12);color:#16233a}.invoice-paper>header{display:flex;justify-content:space-between;gap:50px}.invoice-paper>header>div:first-child{padding-top:7px}.invoice-title{margin:0 0 28px;color:var(--navy);font-size:2.7rem;font-weight:300}.invoice-paper h2{margin:0 0 8px;font-size:1.2rem}.invoice-paper p{line-height:1.5}.invoice-brand{text-align:right;max-width:320px}.invoice-brand img{width:145px;height:90px;object-fit:contain;margin-bottom:12px}.invoice-brand p{font-size:.82rem}.invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:45px 0 35px;padding:17px 0;border-top:2px solid var(--navy);border-bottom:1px solid var(--line)}.invoice-meta div{display:grid;gap:5px}.invoice-meta dt{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.invoice-meta dd{margin:0;font-weight:700}.invoice-paper table{width:100%;border-collapse:collapse}.invoice-paper th{text-align:left;padding:12px 9px;background:#eff4fb;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.invoice-paper td{padding:15px 9px;border-bottom:1px solid var(--line)}.invoice-paper th:not(:first-child),.invoice-paper td:not(:first-child){text-align:right}.totals{width:330px;margin:25px 0 36px auto}.totals p{display:flex;justify-content:space-between;margin:7px 0}.totals .grand{padding-top:11px;border-top:2px solid var(--navy);font-size:1.2rem}.totals small{display:block;text-align:right;color:var(--muted)}.payment{padding:18px 22px;background:#eff6fb;border-left:4px solid var(--blue)}.payment h3{margin:0 0 8px}.payment p{margin:0}.draft-note{padding:14px;text-align:center;background:#fff4d9;color:#775714;font-weight:800;letter-spacing:.08em}.invoice-paper>footer{display:flex;justify-content:space-between;margin-top:38px;padding-top:18px;border-top:1px solid var(--line);font-size:.85rem}
@media(max-width:860px){.access-shell{grid-template-columns:1fr}.brand-panel{min-height:310px;padding:38px 28px}.brand-copy{margin:26px 0 22px}.access-panel{padding:26px 18px 42px}.app-grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.invoice-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.line-row{grid-template-columns:1fr 90px 120px}.line-amount{grid-column:2/4}.remove-line{grid-row:1;grid-column:3;justify-self:end}.invoice-paper{padding:35px}.top-actions>span{display:none}}
@media(max-width:560px){.topbar{padding:0 14px}.content{padding:20px 12px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.editor{padding:22px 16px}.line-row{grid-template-columns:1fr 1fr}.line-row label:first-child{grid-column:1/-1}.line-amount{grid-column:1}.remove-line{grid-column:2;grid-row:3}.invoice-paper{padding:24px}.invoice-paper>header{display:block}.invoice-brand{text-align:left}.invoice-meta{grid-template-columns:1fr 1fr}.invoice-paper{font-size:.8rem}.totals{width:100%}}
@media print{@page{size:A4;margin:12mm}body{background:#fff}.topbar,.sidebar,.detail-actions,.empty-state,.editor{display:none!important}.app-grid,.content,.detail{display:block!important;padding:0!important;margin:0!important}.invoice-paper{box-shadow:none;max-width:none;min-height:0;margin:0;padding:0;font-size:10pt}.invoice-paper .invoice-title{font-size:28pt}.invoice-paper>header{break-inside:avoid}.invoice-paper table{break-inside:auto}.invoice-paper tr{break-inside:avoid}.invoice-paper>footer{position:relative}.workspace{display:block!important}}
.detailed-field{margin-top:28px}.detailed-field textarea{min-height:108px;overflow:hidden;line-height:1.55}.work-detail{margin:8px 0 28px;padding:20px 22px;border:1px solid var(--line);border-radius:8px;break-inside:auto}.work-detail h3{margin:0 0 9px;font-size:.95rem;color:var(--navy);break-after:avoid}.work-detail p{margin:0;overflow-wrap:anywhere}.payment{break-inside:avoid}
.line-row{grid-template-columns:minmax(190px,1fr) 85px 125px 100px 110px 34px}
@media(max-width:860px){.line-row{grid-template-columns:minmax(180px,1fr) 78px 110px 90px 100px 34px}.line-amount{grid-column:auto}.remove-line{grid-row:auto;grid-column:auto;justify-self:auto}}
@media(max-width:640px){.line-row{grid-template-columns:1fr 1fr}.line-row label:first-child{grid-column:1/-1}.line-amount{grid-column:1;grid-row:auto}.remove-line{grid-column:2;grid-row:auto;justify-self:end}}