:root{--ink:#0d0d12;--cream:#f7f3e8;--violet:#6938ef;--orange:#ff5c00;--lime:#c8ff2e}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#efede6}a{color:inherit;text-decoration:none}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;font-weight:900}.ko{font-size:80px;line-height:.8;font-weight:950;letter-spacing:-9px;position:relative;display:inline-block}.ko:after{content:"";position:absolute;width:55%;height:13%;background:var(--orange);left:-2%;top:43%;transform:skewY(-32deg)}.ko span{position:absolute;width:10px;height:10px;background:var(--lime);right:-15px;top:-4px}.ko.small{font-size:32px;letter-spacing:-4px}.ko.small span{width:5px;height:5px;right:-7px}.auth{min-height:100vh;background:var(--ink);color:white;display:grid;place-items:center}.auth main{width:min(500px,calc(100% - 40px))}.auth h1{font-size:56px;line-height:.95;letter-spacing:-4px;margin:24px 0}.auth p{color:#aaa;line-height:1.55}.auth form{display:flex;flex-direction:column;gap:18px;margin:30px 0}.auth label,.invoice-form label{display:flex;flex-direction:column;gap:7px;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.8px}.auth input,.invoice-form input,.invoice-form textarea,.invoice-form select{padding:13px;border:1px solid #cbc7bd;background:#faf9f6}.auth button,.primary{border:0;background:var(--violet);color:white;padding:15px;font-weight:900;cursor:pointer}.auth>a{font-size:11px;border-bottom:1px solid}.alert{background:#401817;color:#ffb2a2;padding:12px;font-size:12px}
.desk nav{height:76px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.desk nav>div{display:flex;gap:22px;font-size:10px;text-transform:uppercase;font-weight:900}.desk main{width:min(1320px,calc(100% - 64px));margin:auto;padding:55px 0}.desk main>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.desk h1{font-size:64px;letter-spacing:-4px;margin:8px 0 0}.desk header>p{color:#666}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stats article{background:var(--ink);color:white;padding:20px}.stats span{font-size:9px;text-transform:uppercase;color:#aaa}.stats b{display:block;font-size:30px;margin-top:8px}.stats .email{font-size:16px}.grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.card{background:white;border:1px solid #ddd9d0;padding:28px}.card h2{font-size:22px;margin:0 0 24px}.quotes{margin-top:24px}.invoice-form{display:flex;flex-direction:column;gap:18px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.line{display:grid;grid-template-columns:1fr 70px 110px 34px;gap:8px;margin-bottom:8px}.line button{border:0;background:#eee;cursor:pointer}.text-button{align-self:flex-start;border:0;background:transparent;border-bottom:1px solid;font-size:10px;text-transform:uppercase;font-weight:900;padding:0 0 5px;cursor:pointer}.record{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 0;border-top:1px solid #ddd}.record h3{margin:0 0 5px;font-size:16px}.record p{margin:0;color:#777;font-size:11px;line-height:1.5}.record>div:last-child{text-align:right}.record b{font-size:15px}.record a{display:inline-block;margin-top:5px;font-size:10px;text-transform:uppercase;font-weight:900;color:var(--violet)}.empty{color:#777;font-size:13px;padding:25px 0}
.invoice-page{min-height:100vh;background:#ddd;padding:40px}.sheet{width:800px;min-height:1100px;margin:auto;background:white;padding:65px;box-shadow:0 10px 30px #aaa}.invoice-brand{display:flex;justify-content:space-between;align-items:start}.invoice-brand>p{text-align:right;font-size:11px;line-height:1.6}.invoice-brand strong{display:block;margin-top:16px}.invoice-meta{display:flex;justify-content:space-between;margin:70px 0 45px}.invoice-meta span{display:block;font-size:9px;text-transform:uppercase;color:#777;margin-bottom:7px}.invoice-meta h2{margin:0;font-size:23px}.invoice-meta p{font-size:12px;line-height:1.5}.sheet table{width:100%;border-collapse:collapse}.sheet th{text-align:left;font-size:9px;text-transform:uppercase;padding:12px 8px;border-bottom:2px solid}.sheet td{padding:16px 8px;border-bottom:1px solid #ddd}.sheet th:last-child,.sheet td:last-child{text-align:right}.totals{margin-left:auto;width:300px;padding-top:25px}.totals div{display:flex;justify-content:space-between;padding:8px}.totals div:last-child{font-size:20px;font-weight:900;border-top:2px solid;margin-top:8px}.sheet footer{margin-top:70px;font-size:12px;line-height:1.6}.print{position:fixed;right:30px;top:30px;background:var(--violet);color:white;border:0;padding:15px 22px;font-weight:900;cursor:pointer}
@media(max-width:850px){.grid{grid-template-columns:1fr}.desk main{width:min(100% - 28px,1320px)}.stats{grid-template-columns:1fr}.desk main>header{align-items:flex-start;flex-direction:column}.row{grid-template-columns:1fr}.invoice-page{padding:0}.sheet{width:100%;min-height:100vh;padding:30px}.print{right:12px;top:12px}.line{grid-template-columns:1fr 58px 85px 30px}}@media print{.print{display:none}.invoice-page{padding:0;background:white}.sheet{box-shadow:none;width:100%;min-height:auto}}