@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#172033;--muted:#788497;--line:#e7ebf0;--orange:#f45b2a;--orange-dark:#dc4618;--surface:#fff;--green:#15946d;--blue:#3976db}
*{box-sizing:border-box}html,body{margin:0;font-family:'DM Sans',Segoe UI,sans-serif;color:var(--ink);background:#f6f8fb}a{color:#e94f20}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin-top:0}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px;gap:20px}.page-heading h1{font-size:28px;letter-spacing:-.04em;margin:3px 0 5px}.page-heading p{color:var(--muted);font-size:14px;margin:0}.kicker{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.btn-primary,.btn-secondary,.btn-danger{border:0;border-radius:9px;padding:11px 16px;text-decoration:none;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn-primary{color:white;background:var(--orange);box-shadow:0 8px 18px rgba(244,91,42,.18)}.btn-primary:hover{background:var(--orange-dark);color:white}.btn-secondary{color:#465268;background:#eef1f5}.btn-danger{color:#bd3a38;background:#fff0ef}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric-card{background:white;border:1px solid var(--line);border-radius:13px;padding:19px;display:flex;gap:14px;align-items:center;box-shadow:0 3px 12px rgba(28,39,55,.03)}.metric-icon{width:45px;height:45px;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:18px}.metric-icon.orange{background:#fff1eb;color:#f05a2a}.metric-icon.green{background:#e9f8f2;color:#168c68}.metric-icon.blue{background:#edf4ff;color:#3976db}.metric-icon.violet{background:#f2efff;color:#7556d9}.metric-card>div:last-child{display:grid}.metric-card span{color:#7b8799;font-size:11px;font-weight:600}.metric-card strong{font-size:23px;letter-spacing:-.04em;margin:1px 0}.metric-card small{color:#9aa3b2;font-size:10px}.metric-card small.positive{color:#15946d}.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px rgba(28,39,55,.03)}.dashboard-grid{display:grid;grid-template-columns:2fr .82fr;gap:18px;margin-bottom:18px}.panel-title{padding:18px 20px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:15px;margin:0 0 3px}.panel-title p{font-size:11px;color:#8a95a7;margin:0}.panel-title>a{font-size:12px;font-weight:800;text-decoration:none}.soft-pill{font-size:10px;color:#68758a;background:#f4f6f8;padding:6px 9px;border-radius:6px}.chart{height:210px;padding:26px 24px 20px;display:flex;align-items:flex-end;gap:17px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#eff2f5 45px)}.chart-column{flex:1;height:170px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar{width:min(36px,72%);min-height:6px;background:linear-gradient(180deg,#ff8d66,#f45b2a);border-radius:6px 6px 2px 2px}.bar-value,.chart-column span{font-size:10px;color:#8994a5}.donut{--posted:0;width:128px;height:128px;border-radius:50%;margin:24px auto 18px;background:conic-gradient(#1db186 calc(var(--posted)*1%),#edf1f5 0);position:relative;display:grid;place-items:center}.donut:before{content:'';position:absolute;width:88px;height:88px;border-radius:50%;background:white}.donut>div{position:relative;text-align:center;display:grid}.donut strong{font-size:23px}.donut span{font-size:10px;color:#8b96a7}.legend{padding:0 22px 20px;display:grid;gap:8px}.legend span{font-size:11px;color:#748095;display:flex;align-items:center}.legend b{margin-left:auto;color:#263247}.legend i{width:7px;height:7px;border-radius:50%;margin-right:7px}.legend i.posted{background:#1db186}.legend i.draft{background:#dfe5ea}.table-panel{margin-top:0}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#8792a3;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#fafbfc;padding:11px 20px;border-bottom:1px solid var(--line)}td{padding:14px 20px;border-bottom:1px solid #eef1f4;font-size:12px;color:#475368}td a{font-weight:800;text-decoration:none;color:#273247}td small{display:block;color:#99a2b1;font-size:9px;margin-top:3px}td.money{font-weight:800;color:#273247}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.status.posted{color:#13785b;background:#e9f8f2}.status.draft{color:#926514;background:#fff6dd}.status.validated{color:#315da6;background:#edf4ff}.status.rejected{color:#b53c3c;background:#fff0ef}.empty{text-align:center;padding:42px}.empty>span{font-size:28px;color:#c2c9d2}.empty h3{font-size:15px;margin:8px 0 5px}.empty p{font-size:12px;color:#8d97a7}.empty a{font-size:12px;font-weight:800}.form-panel{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#536074}.field input,.field select,.field textarea,.form-control,.form-select{border:1px solid #dfe4ea;border-radius:8px;padding:10px 11px;background:white;color:#263247;font-size:13px;outline:none;width:100%}.field textarea{min-height:76px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.form-control:focus,.form-select:focus{border-color:#ff8a63;box-shadow:0 0 0 3px rgba(244,91,42,.09)}.field small{color:#909baa;font-size:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 11px}.section-heading h2{font-size:15px;margin:0}.line-builder{background:#fafbfc;border:1px solid var(--line);border-radius:11px;padding:16px}.line-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:11px;align-items:end}.line-actions{display:flex;justify-content:flex-end;margin-top:13px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.alert{border-radius:9px;padding:11px 13px;margin-bottom:15px;font-size:12px}.alert-success{background:#eaf8f3;color:#147859;border:1px solid #ccecdf}.alert-danger{background:#fff0ef;color:#ab3838;border:1px solid #f6cfcb}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px}.search{max-width:340px;position:relative;flex:1}.search input{width:100%;padding:10px 12px 10px 34px;border:1px solid var(--line);border-radius:9px}.search:before{content:'⌕';position:absolute;left:12px;top:8px;color:#8d98a9}.entity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.entity-card{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;display:grid;gap:11px}.entity-head{display:flex;gap:11px;align-items:center}.entity-avatar{width:39px;height:39px;border-radius:10px;background:#fff0ea;color:#ee5626;display:grid;place-items:center;font-weight:900}.entity-card h3{font-size:13px;margin:0}.entity-card p{font-size:10px;color:#8b96a6;margin:3px 0 0}.entity-meta{display:grid;gap:7px;font-size:11px;color:#667287}.entity-meta span{display:flex;justify-content:space-between;gap:12px}.entity-meta b{color:#2f3a4c;font-weight:700;text-align:right}.split-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.summary-box{padding:19px}.summary-row{display:flex;justify-content:space-between;padding:9px 0;color:#69758a;font-size:12px;border-bottom:1px solid #eef1f4}.summary-row strong{color:#253044}.summary-row.total{font-size:15px;border:0;padding-top:15px}.invoice-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:22px}.invoice-hero h2{font-size:21px;margin:2px 0}.invoice-hero p{font-size:11px;color:#8994a4;margin:0}.invoice-info{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:17px 22px;border-top:1px solid var(--line);background:#fafbfc}.info-item small{display:block;color:#8994a5;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.info-item strong{font-size:12px}.account-page{max-width:760px;margin:0 auto}.validation-message,.text-danger{font-size:11px;color:#bd3a38!important}.modified.invalid{outline-color:#bd3a38}.valid.modified:not([type=checkbox]){outline-color:#15946d}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.entity-grid{grid-template-columns:repeat(2,1fr)}.line-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.dashboard-grid,.split-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid,.entity-grid,.form-grid,.form-grid.three,.line-grid,.invoice-info{grid-template-columns:1fr}.topbar .eyebrow{display:none}.content{padding:20px 14px}.metric-card{padding:15px}.form-actions{flex-wrap:wrap}.form-actions>*{flex:1;justify-content:center}}
@media print{.sidebar,.topbar,.page-heading,.no-print{display:none!important}.app-shell{display:block}.content{padding:0}.panel{box-shadow:none;border:0}body{background:white}}