@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0f1116;--panel:#171a22;--panel2:#1d212b;--line:#2a2e39;--text:#eef0f5;--muted:#8b92a3;--purple:#8e70ff;--blue:#68a7ff;--green:#63d3a2;--orange:#ffb45b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}.sidebar{position:fixed;width:242px;inset:0 auto 0 0;border-right:1px solid var(--line);padding:27px 18px 20px;display:flex;flex-direction:column}.brand{font:700 22px 'Space Grotesk';display:flex;align-items:center;gap:10px;margin:0 14px 42px}.brand-mark,.mini-logo{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--purple);color:white;font:700 16px 'Space Grotesk'}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 9px;display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:26px}.avatar{background:#322b59;color:#b6a5ff;border-radius:50%;width:28px;height:28px;display:inline-grid;place-items:center;font-weight:700;font-size:10px}.avatar.small{width:30px;height:30px}.chevron{margin-left:auto;color:var(--muted)}nav{display:grid;gap:7px}nav a,.sidebar-bottom{display:flex;align-items:center;gap:13px;color:var(--muted);padding:12px 14px;text-decoration:none;border-radius:8px}nav a span{width:18px;font-size:18px;text-align:center}nav a.active{color:white;background:#28233e}nav a.active span{color:var(--purple)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);border-radius:0;padding:20px 12px 0}.help{border:1px solid var(--muted);border-radius:50%;width:18px;height:18px;text-align:center;font-size:12px}.sidebar-bottom a{margin-left:auto;color:var(--muted);text-decoration:none}.main{margin-left:242px;max-width:1400px;padding:30px 50px 70px}header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:25px}.eyebrow,.section-heading>div>p,.invoice-detail-head p{color:var(--purple);letter-spacing:1.5px;font-size:10px;font-weight:700;margin:0 0 7px}h1,h2,h3,p{margin-top:0}h1{font:600 29px 'Space Grotesk';margin-bottom:0}h2{font:600 27px 'Space Grotesk';margin-bottom:8px}h3{font:600 16px 'Space Grotesk';margin-bottom:6px}.header-actions{display:flex;align-items:center;gap:14px}.icon-btn{background:none;border:0;color:var(--muted);font-size:22px}.user-pill{display:flex;align-items:center;gap:8px;color:#b8becb}.user-pill>span{color:white;font-size:12px}.user-pill:first-letter{background:#3b315e}.hero-row,.section-heading{display:flex;justify-content:space-between;align-items:center;margin:36px 0 28px}.hero-row p,.panel-heading p,.quick-panel>p,.muted{color:var(--muted)}.hero-row h2 span{color:var(--purple);font-size:20px}.button{display:inline-block;border:0;border-radius:7px;padding:12px 17px;color:white;font:600 12px 'DM Sans';text-decoration:none;cursor:pointer}.primary{background:var(--purple);box-shadow:0 4px 14px #6046c833}.ghost{background:transparent;border:1px solid var(--line);color:#d3d7e0}.small-btn{padding:8px 11px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px}.stat-card{padding:21px 22px}.stat-label{color:var(--muted);font-size:10px;letter-spacing:1px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:5px}.purple{background:var(--purple)}.orange{background:var(--orange)}.green{background:var(--green)}.stat-value{font:600 28px 'Space Grotesk';margin:14px 0 7px}.stat-meta{font-size:11px}.stat-meta small{color:var(--muted)}.positive{color:var(--green)}.neutral{color:var(--muted)}.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-top:20px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.panel-heading p{font-size:12px;margin-bottom:0}.text-link{color:var(--purple);text-decoration:none;font-size:12px}table{width:100%;border-collapse:collapse}th{font-size:10px;letter-spacing:1px;color:#72798a;text-align:left;font-weight:600;padding:0 8px 12px}td{border-top:1px solid var(--line);padding:14px 8px;color:#b7bdc9;font-size:12px}td strong{color:#e8eaf0}td small{display:block;color:var(--muted);margin-top:4px}.right{text-align:right}.clickable{cursor:pointer}.clickable:hover{background:#1d2029}.badge{padding:5px 8px;border-radius:20px;font-size:10px}.badge.sent{color:#bcaeff;background:#352d54}.badge.paid{color:#8ee2bb;background:#203e35}.quick-panel{padding:24px}.quick-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;border-top:1px solid var(--line);padding:19px 0}.quick-link b{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;font-size:20px}.purple-bg{background:#312b53;color:var(--purple)}.blue-bg{background:#1e354f;color:var(--blue)}.quick-link span{display:flex;flex-direction:column;gap:4px}.quick-link small{color:var(--muted);font-size:11px}.quick-link i{margin-left:auto;color:var(--muted);font-style:normal}.notice{padding:12px 16px;border-radius:8px;margin-top:18px}.success{background:#18372e;color:var(--green)}.error{background:#43252a;color:#ff9eaa}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--muted);font-size:12px}.search{background:#11141b;border:1px solid var(--line);border-radius:7px;padding:10px 12px;color:white;width:260px}.person{display:flex;align-items:center;gap:10px}.form-panel{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}label{display:flex;flex-direction:column;gap:7px;color:#a9afbd;font-size:11px}input,select,textarea{background:#11141b;border:1px solid var(--line);border-radius:6px;color:white;padding:11px;font:13px 'DM Sans';width:100%}textarea{resize:vertical}.form-actions{grid-column:1/-1;text-align:right}.form-layout{display:grid;grid-template-columns:1fr 310px;gap:18px}.invoice-summary{height:max-content;position:sticky;top:20px}.summary-head{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;margin-bottom:20px}.mini-logo{width:22px;height:22px;font-size:12px}.preview-paper{background:#f8f8fb;color:#1b1d24;padding:19px;border-radius:6px;margin-bottom:18px}.preview-top{display:flex;justify-content:space-between;font:700 17px 'Space Grotesk'}.preview-top span{font-size:11px;color:#777}.preview-paper hr{border:0;border-top:1px solid #ddd;margin:18px 0}.summary-lines{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:11px;color:#70747d}.summary-lines strong{color:#252833}.total-line{display:flex;justify-content:space-between;border-top:1px solid #ddd;margin-top:17px;padding-top:15px;font-weight:700}.total-line strong{color:#644ce3;font:700 20px 'Space Grotesk'}.full{width:100%}.item-row{display:grid;grid-template-columns:1fr 70px 120px 90px 25px;gap:8px;align-items:center;margin-bottom:9px}.item-row input{padding:9px}.line-total{text-align:right;font-size:12px}.remove{background:none;border:0;color:#778092;font-size:20px;cursor:pointer}.item-labels{display:grid;grid-template-columns:1fr 70px 120px 90px 25px;gap:8px;color:#687083;font-size:9px;letter-spacing:.5px;margin-top:12px}.item-labels span:nth-child(2),.item-labels span:nth-child(3),.item-labels span:nth-child(4){text-align:right}.optional{font:400 11px 'DM Sans';color:var(--muted);margin-left:7px}.invoice-detail{margin-top:18px}.invoice-detail-head{display:flex;justify-content:space-between;align-items:center}.detail-grid{display:flex;justify-content:space-between;margin:28px 0}.detail-grid p{color:var(--muted);line-height:1.7}.detail-grid h3{color:white}.detail-dates p{display:grid;grid-template-columns:120px auto;color:white}.detail-dates span{color:var(--muted)}.totals{margin:20px 0 0 auto;display:grid;grid-template-columns:180px 100px;justify-content:end;gap:10px;text-align:right;color:var(--muted)}.totals b{color:white}.totals strong{border-top:1px solid var(--line);padding-top:12px;color:white}.empty{text-align:center;padding:35px!important}@media(max-width:900px){.sidebar{width:70px;padding:20px 8px}.brand span:last-child,.workspace span:not(.avatar),.workspace .chevron,nav a:not(.active)::after,nav a{font-size:0}.brand{margin:0 13px 40px}.brand-mark{font-size:16px}.workspace{justify-content:center}.main{margin-left:70px;padding:25px 20px}.content-grid,.form-layout{grid-template-columns:1fr}.invoice-summary{position:static}.stat-grid{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 55px 90px 75px 20px}.item-labels{grid-template-columns:1fr 55px 90px 75px 20px}}
@media print{.sidebar,header,.button,.invoice-detail-head p{display:none}.main{margin:0;padding:0}.panel{border:0}.invoice-detail{display:block}}
.language-switch{border:1px solid var(--line);border-radius:6px;padding:7px 9px;color:var(--purple);font-size:11px;font-weight:700;text-decoration:none}.invoice-brand{display:flex;justify-content:flex-end;align-items:center;gap:10px;text-align:right;margin-bottom:26px}.invoice-brand strong{display:block;font:700 16px 'Space Grotesk';color:white}.invoice-brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1px;margin-top:4px}.invoice-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--purple);color:white;font:700 24px 'Space Grotesk';box-shadow:0 8px 22px #6b51d655}.single-column{display:block}.standalone{margin-top:18px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin:30px auto 18px;max-width:850px}.preview-actions{display:flex;align-items:center;gap:10px}.email-form{display:flex;gap:8px}.email-form input{width:220px}.invoice-paper{width:850px;max-width:100%;margin:0 auto;padding:48px 54px;background:#fff;color:#20232c;border-radius:4px;box-shadow:0 12px 40px #0008}.invoice-paper .invoice-brand{margin-bottom:50px}.invoice-paper .invoice-brand strong{color:#20232c}.invoice-paper .invoice-brand small{color:#777}.invoice-paper-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e3e4e8;padding-bottom:26px;margin-bottom:30px}.invoice-paper-head p{margin:0 0 7px;color:#6950d7;font-size:11px;letter-spacing:2px;font-weight:700}.invoice-paper-head h2{margin:0;color:#20232c}.invoice-paper-total{text-align:right}.invoice-paper-total span{display:block;color:#777;font-size:11px}.invoice-paper-total strong{display:block;color:#6950d7;font:700 25px 'Space Grotesk';margin-top:5px}.invoice-paper .detail-grid{margin:0 0 38px}.invoice-paper .detail-grid p{color:#667080}.invoice-paper .detail-grid h3{color:#20232c}.invoice-paper .detail-dates p{color:#20232c}.invoice-paper .detail-dates span{color:#777}.invoice-paper table th{color:#777;border-bottom:1px solid #e3e4e8;padding-bottom:12px}.invoice-paper table td{border-top:1px solid #ececf0;color:#4d5360;padding:16px 8px}.invoice-paper table td strong{color:#20232c}.invoice-paper .totals{color:#777}.invoice-paper .totals b,.invoice-paper .totals strong{color:#20232c}.invoice-paper .totals strong{border-top-color:#e3e4e8}.invoice-note{border-top:1px solid #e3e4e8;margin-top:35px;padding-top:18px;color:#777;font-size:12px}@media print{.sidebar,header,.preview-toolbar,.invoice-detail-head p{display:none}.main{margin:0;padding:0;background:white}.main>*:not(.invoice-paper){display:none}.invoice-paper{display:block;width:100%;max-width:none;margin:0;padding:30px;background:white;box-shadow:none;border-radius:0}.invoice-paper .button{display:none}.invoice-paper .invoice-brand strong{color:#20232c}.panel{border:0}}
@media(max-width:900px){.preview-toolbar{align-items:stretch;flex-direction:column;gap:10px}.preview-actions,.email-form{flex-wrap:wrap}.email-form input{flex:1;min-width:180px}.invoice-paper{padding:28px 22px}.invoice-paper .detail-grid{display:block}.invoice-paper .detail-dates{margin-top:20px}}