:root{--bg:#f6f4f0;--card:#ffffff;--ink:#1c1c1c;--black:#222222;--muted:#78746c;--line:#e6e1d8;--soft:#efebe4;--orange:#ff751f;--orange-hover:#ff8738;--orange-ink:#c4500b;--orange-bg:#fff1e6;--green:#1f7a45;--green-bg:#e6f4ec;--red:#c8102e;--red-bg:#fdeaed;--radius:18px;--maxw:1040px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}a{color:var(--orange-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;letter-spacing:-.025em;line-height:1.1}h1{font-size:42px;font-weight:700}h2{font-size:22px;font-weight:650}p{margin:0}.muted{color:var(--muted)}.small{font-size:14px}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.plus:before{content:"";display:inline-block;width:11px;height:11px;margin-right:10px;vertical-align:.5px;background:linear-gradient(var(--orange),var(--orange)) 50% /100% 3px no-repeat,linear-gradient(var(--orange),var(--orange)) 50% /3px 100% no-repeat}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#161616}.nav:after{content:"";position:absolute;left:0;bottom:-3px;width:96px;height:3px;background:var(--orange)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:60px;justify-content:space-between}.nav .brand,.nav-inner{display:flex;align-items:center}.nav .brand{gap:12px;color:#f6f4f0;font-weight:600;font-size:16px}.nav .brand:hover{text-decoration:none}.nav .brand img{height:30px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px}.nav-links a,.nav-links button{color:#bdb8ae;background:none;border:0;font:inherit;cursor:pointer;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s}.nav-links a:hover,.nav-links button:hover{color:#fff;text-decoration:none}.nav-links a.active{color:#fff;border-bottom-color:var(--orange)}.page{max-width:var(--maxw);margin:0 auto;padding:44px 24px 96px}.page.narrow{max-width:704px}.page.medium{max-width:856px}.back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);margin-bottom:20px}.back:hover{color:var(--orange-ink);text-decoration:none}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.head .sub{margin-top:10px;font-size:18px;color:var(--muted)}.head .eyebrow.plus{margin:0 0 14px;color:var(--orange-ink);font-weight:600}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hero{position:relative}.hero:before{content:"";position:absolute;top:-44px;right:120px;width:250px;height:150px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 130'%3E%3Cpath d='M20 130V70a32 32 0 0 1 64 0V130z' fill='%23ff751f' fill-opacity='.10'/%3E%3Cpath d='M96 130V50a32 32 0 0 1 64 0V130z' fill='%23222' fill-opacity='.05'/%3E%3Cpath d='M172 130V38a32 32 0 0 1 64 0V130z' fill='%23ff751f' fill-opacity='.10'/%3E%3C/svg%3E") no-repeat 100% 0 /contain}.hero>*{position:relative}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.card+.card{margin-top:20px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.card-title{font-size:18px;font-weight:650;margin-bottom:2px}.card-figure{text-align:right}.figure{font-size:22px;font-weight:650;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin:40px 0 14px}.section-title h2{font-size:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.stat{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;min-width:0}.stat .label{font-size:13px;color:var(--muted);font-weight:500}.stat .value{font-size:28px;font-weight:650;letter-spacing:-.03em;margin:6px 0 4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat .foot{font-size:13px;color:var(--muted)}.stat.dark{background:var(--black);border-color:var(--black)}.stat.dark .foot,.stat.dark .label{color:#a8a398}.stat.dark .value{color:var(--orange)}.stat.dark:after{content:"";position:absolute;top:18px;right:18px;width:14px;height:14px;background:linear-gradient(var(--orange),var(--orange)) 50% /100% 4px no-repeat,linear-gradient(var(--orange),var(--orange)) 50% /4px 100% no-repeat}.analytics{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:20px;gap:20px}.analytics .card+.card{margin-top:0}.chart{display:flex;gap:8px;height:224px}.bar-col{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center}.bar-val{height:18px;margin-bottom:4px;font-size:11px;color:var(--muted);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-track{flex:1 1;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line)}.bar{width:min(72%,34px);background:var(--black);border-radius:6px 6px 0 0;transition:height .4s ease}.bar.empty{height:3px;background:var(--line);border-radius:2px 2px 0 0}.bar-col.now .bar:not(.empty){background:var(--orange)}.bar-col:hover .bar:not(.empty){opacity:.8}.bar-label{margin-top:8px;font-size:11px;color:var(--muted)}.bar-col.now .bar-label{color:var(--ink);font-weight:600}.chart-empty{text-align:center;margin-top:14px}.yr{margin-bottom:24px}.yr:last-of-type{margin-bottom:0}.yr-top{display:flex;justify-content:space-between;align-items:baseline}.yr-year{font-size:16px;font-weight:600}.yr-track{height:10px;background:var(--soft);border-radius:6px;margin:10px 0 8px;overflow:hidden}.yr-bar{height:100%;background:var(--black);border-radius:6px;transition:width .4s ease}.yr-bar.cur{background:var(--orange)}.yr-amount{font-size:22px;font-weight:650;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.delta{font-size:13px;font-weight:600;padding:4px 10px;border-radius:980px;white-space:nowrap}.delta.up{background:var(--green-bg);color:var(--green)}.delta.down{background:var(--red-bg);color:var(--red)}.reports-grid{align-items:start;grid-template-columns:1.5fr 1fr}.tab-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.tab-list li{display:grid;grid-gap:2px;gap:2px;padding-left:14px;border-left:3px solid var(--orange)}.tab-list span{font-size:14px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:14px;font-weight:500;padding:7px 14px;border-radius:980px;border:1.5px solid #d9d3c8;background:#fff;color:var(--ink);cursor:pointer;transition:all .15s}.chip.on,.chip:hover{border-color:var(--black)}.chip.on{background:var(--black);color:#f6f4f0}.report-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:18px;margin-top:4px;border-top:1px solid var(--soft)}.list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.row{display:flex;align-items:center;gap:16px;padding:16px 22px;color:var(--ink);border-top:1px solid var(--soft);transition:background .15s}.row:first-child{border-top:0}a.row:hover{background:#fbf9f5;text-decoration:none}.row .title{font-weight:600}.row-main{flex:1 1;min-width:0}.row-main .small,.row-main .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .right{text-align:right;white-space:nowrap}.row .amount{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.avatar{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--black);color:var(--orange);font-size:13px;font-weight:700;letter-spacing:.04em}.chev{color:var(--line);font-size:18px;transition:color .15s,transform .15s}a.row:hover .chev{color:var(--orange);transform:translateX(3px)}.empty{text-align:center;padding:64px 24px;color:var(--muted)}.empty h2{color:var(--ink);margin-bottom:8px}.empty .btn{margin-top:20px}.inv-row{display:grid;grid-template-columns:1fr auto;grid-gap:12px 16px;gap:12px 16px;align-items:start;padding:16px 22px;border-top:1px solid var(--soft)}.inv-row:first-child{border-top:0}.inv-main{color:var(--ink);min-width:0}.inv-main:hover{text-decoration:none}.inv-main:hover .title{color:var(--orange-ink)}.inv-main .title{font-weight:600;transition:color .15s}.inv-row .right{text-align:right;white-space:nowrap}.inv-row .amount{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inv-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.btn,.inv-actions{align-items:center}.btn{display:inline-flex;justify-content:center;gap:6px;background:var(--orange);color:#1a1a1a;border:1.5px solid transparent;border-radius:980px;padding:9px 20px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .1s}.btn:hover{background:var(--orange-hover);text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn.dark{background:var(--black);color:#f6f4f0}.btn.dark:hover{background:#3a3a3a}.btn.secondary{background:transparent;color:var(--ink);border-color:#cfc9be}.btn.secondary:hover{border-color:var(--black);background:#fff}.btn.danger{background:transparent;color:var(--red);border-color:transparent}.btn.danger:hover{background:var(--red-bg)}.btn.small{padding:6px 14px;font-size:14px}.field{display:block;margin-bottom:18px}.field>span{font-size:14px;font-weight:500;margin-bottom:6px}.field small,.field>span{display:block;color:var(--muted)}.field small{font-size:13px;margin-top:6px}input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #d9d3c8;border-radius:12px;padding:11px 14px;outline:none;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:88px}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,117,31,.18)}.grid2{grid-template-columns:1fr 1fr;grid-gap:0 18px}.grid2,.grid3{display:grid;gap:0 18px}.grid3{grid-template-columns:1fr 1fr 1fr;grid-gap:0 18px}.form-actions{display:flex;gap:10px;align-items:center;margin-top:8px}.group-title{font-size:20px;font-weight:650;letter-spacing:-.02em;margin:0 0 4px}.group-sub{color:var(--muted);font-size:15px;margin-bottom:22px}.alert{padding:12px 16px;border-radius:12px;font-size:15px;margin-bottom:18px}.alert.error{background:var(--red-bg);color:var(--red)}.alert.ok{background:var(--green-bg);color:var(--green)}.badge{display:inline-block;font-size:13px;font-weight:600;padding:3px 11px;border-radius:980px;background:var(--soft);color:var(--muted)}.badge.paid{background:var(--green-bg);color:var(--green)}.badge.sent{background:var(--black);color:#f6f4f0}.badge.overdue{background:var(--red-bg);color:var(--red)}.billing-field{border:0;padding:0;margin:18px 0;min-width:0}.billing-field legend{padding:0;font-size:14px;color:var(--muted);font-weight:500;margin-bottom:8px}.billing-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.opt{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 16px 14px 44px;border:1.5px solid #d9d3c8;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.opt:hover{border-color:var(--black)}.opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.opt:before{content:"";position:absolute;left:16px;top:17px;width:16px;height:16px;border-radius:50%;border:1.5px solid #b9b2a5;background:#fff;transition:all .15s}.opt.on{background:var(--orange-bg);box-shadow:0 0 0 3px rgba(255,117,31,.14)}.opt.on,.opt.on:before{border-color:var(--orange)}.opt.on:before{background:radial-gradient(circle,var(--orange) 0 4px,#fff 5px)}.opt:focus-within{outline:2px solid var(--orange);outline-offset:2px}.opt-title{font-weight:650;font-size:16px}.opt-hint{font-size:13px;color:var(--muted);line-height:1.4}.wording{padding:14px 16px;background:var(--bg);border-left:3px solid var(--orange);border-radius:0 12px 12px 0}.wording .eyebrow{margin-bottom:6px}.sub .badge+.badge,.sub .badge+.small{margin-left:8px}.badge.type{background:transparent;border:1.5px solid #cfc9be;color:var(--ink);padding:1.5px 10px}.item,.items-head{display:grid;grid-template-columns:1fr 70px 110px 120px 24px;grid-gap:10px;gap:10px;align-items:center}.items-head{font-size:13px;color:var(--muted);padding:0 0 6px}.item{margin-bottom:10px}.item .amt{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.icon-btn{background:none;border:0;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:0}.icon-btn:hover{color:var(--red)}.totals{margin-left:auto;width:280px;margin-top:18px}.totals div{display:flex;justify-content:space-between;padding:4px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.totals .grand{border-top:2px solid var(--black);margin-top:8px;padding-top:12px;font-size:21px;font-weight:600}.paper{position:relative;background-color:#fff;border-radius:var(--radius);padding:48px;border:1px solid var(--line);box-shadow:0 2px 24px rgba(0,0,0,.05);overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 130'%3E%3Cpath d='M20 130V70a32 32 0 0 1 64 0V130z' fill='%23ff751f' fill-opacity='.07'/%3E%3Cpath d='M96 130V50a32 32 0 0 1 64 0V130z' fill='%23222' fill-opacity='.035'/%3E%3Cpath d='M172 130V38a32 32 0 0 1 64 0V130z' fill='%23ff751f' fill-opacity='.07'/%3E%3C/svg%3E"),linear-gradient(#222,#222),linear-gradient(#222,#222);background-repeat:no-repeat;background-size:250px 130px,60px 5px,5px 60px;background-position:100% 100%,0 100%,0 100%}.paper:before{width:60px;height:5px}.paper:after,.paper:before{content:"";position:absolute;top:0;right:0;background:#222}.paper:after{width:5px;height:60px}.terms{margin-top:32px;padding-left:14px;border-left:3px solid #ff751f}.paper-top{display:flex;justify-content:space-between;gap:24px;margin-bottom:40px}.paper-top .big{font-size:34px;font-weight:700;letter-spacing:-.025em;text-align:right}.paper-meta{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:36px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.pre{white-space:pre-line}.lines-wrap{overflow-x:auto}table.lines{width:100%;min-width:560px;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.lines th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:500;padding:0 0 10px;border-bottom:1.5px solid #222}table.lines td{padding:14px 0;border-bottom:1px solid var(--soft);vertical-align:top}table.lines .r{text-align:right;white-space:nowrap;padding-left:28px}table.lines td.q,table.lines th.q{width:64px}table.lines td.p,table.lines th.p{width:130px}table.lines td.a,table.lines th.a{width:140px}.signin{--d-bg:#111112;--d-panel:#19191a;--d-line:#333335;--d-ink:#f6f4f0;--d-muted:#9a9892;--d-orange:#ff751f;min-height:100vh;display:grid;grid-template-columns:minmax(380px,1fr) 1.15fr;background:var(--d-bg);color:var(--d-ink)}.signin-form{display:flex;flex-direction:column;justify-content:space-between;padding:40px clamp(32px,7vw,96px)}.signin-plus{display:inline-block;width:22px;height:22px;background:linear-gradient(var(--d-orange),var(--d-orange)) 50% /100% 7px no-repeat,linear-gradient(var(--d-orange),var(--d-orange)) 50% /7px 100% no-repeat}.signin-body{width:100%;max-width:360px}.signin h1{font-size:clamp(40px,5vw,60px);font-weight:700;letter-spacing:-.035em;line-height:1.02;color:var(--d-ink)}.signin-sub{margin:14px 0 44px;font-size:17px}.signin .field>span,.signin-sub{color:var(--d-muted)}.signin input{background:#1c1c1e;border-color:var(--d-line);color:var(--d-ink)}.signin input:focus{border-color:var(--d-orange);box-shadow:0 0 0 4px rgba(255,117,31,.22)}.signin .btn{background:var(--d-orange);color:#111;font-weight:600;width:100%;padding:12px;margin-top:6px}.signin .btn:hover{background:#ff8a3d}.signin .alert.error{background:rgba(215,0,21,.16);color:#ff8a8f}.signin-tag{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--d-muted)}.signin-tag i{font-style:normal;color:var(--d-orange);margin:0 6px}.signin-art{position:relative;display:grid;place-items:center;padding:56px;overflow:hidden;background:radial-gradient(120% 90% at 70% 20%,#262628 0,var(--d-panel) 55%,#131314 100%)}.signin-art img{width:min(100%,560px);height:auto;position:relative;z-index:1}.signin-art:after,.signin-art:before{content:"";position:absolute;background:var(--d-orange)}.signin-art:before{top:0;right:0;width:120px;height:8px}.signin-art:after{top:0;right:0;width:8px;height:120px}@media (max-width:734px){h1{font-size:32px}.head .sub{font-size:16px}.page{padding:28px 16px 72px}.nav-inner{padding:0 16px}.nav-links{gap:18px}.brand span,.hero:before{display:none}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:16px}.stat .value{font-size:22px}.analytics,.reports-grid{grid-template-columns:1fr}.chart{height:180px;gap:4px}.bar-val{display:none}.card{padding:20px}.row{padding:14px 16px;gap:12px}.avatar{width:38px;height:38px}.chev{display:none}.billing-options{grid-template-columns:1fr}.row-main .small,.row-main .title{white-space:normal}.grid3>div:not(:last-child){margin-bottom:16px}.signin{grid-template-columns:1fr}.signin-art{order:-1;padding:40px 28px 8px;background:none}.signin-art img{width:200px}.signin-art:after,.signin-art:before{display:none}.signin-form{padding:24px 28px 36px;gap:36px}.signin-top{display:none}.grid2,.grid3,.paper-meta{grid-template-columns:1fr}.paper{padding:28px 18px}.paper-top{flex-direction:column}.paper-top .big,.paper-top .muted{text-align:left!important}.lines-wrap{overflow:visible}table.lines{min-width:0;font-size:14px}table.lines thead{display:none}table.lines tbody,table.lines tr{display:block}table.lines tr{display:grid;grid-template-columns:auto 1fr auto;grid-column-gap:8px;column-gap:8px;padding:14px 0;border-bottom:1px solid var(--soft)}table.lines td{display:block;padding:0;border:0;width:auto!important}table.lines td:first-child{grid-column:1/-1;margin-bottom:4px;font-size:15px}table.lines td.r{padding-left:0;text-align:left;color:var(--muted)}table.lines td.q:before{content:"Qty "}table.lines td.p:before{content:"× "}table.lines td.a{grid-column:3;text-align:right;color:var(--ink);font-weight:600}.paper{padding-bottom:150px}.items-head{display:none}.item{grid-template-columns:1fr 1fr}.item .desc{grid-column:1/-1}.totals{width:100%}}