:root{--ink:#202729;--muted:#66716f;--line:#dce0dc;--bg:#f3f4f1;--accent:#ac873f;--gold:#bd974d;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}
body{background:var(--bg)}header{position:fixed;inset:0 auto 0 0;width:235px;height:100vh;background:#101516;color:#fff;border-right:1px solid #313735;padding:0;display:block;z-index:10}
.brand{padding:28px 22px;border-bottom:1px solid #313735}.brand small{display:block;margin-top:16px;color:#9aa4a2;font-size:12px}.xt-mark{display:flex;gap:5px;align-items:center}.xt-mark i{display:block;width:5px;height:36px;background:#c9a45b;flex-shrink:0}.xt-mark i:nth-child(2){height:26px;background:#8e7038}.xt-mark span{margin:0 0 0 10px;letter-spacing:1.4px;font-size:9px;line-height:1.6;color:white}.xt-mark strong{font-size:17px;letter-spacing:1px}.brand+button{position:absolute;bottom:18px;left:20px;width:195px;background:#292b23;color:#e4c486;border:1px solid #51452b}
main{max-width:1450px;margin:0 0 0 235px;padding:28px 30px;width:calc(100% - 235px)}#identity{color:var(--muted);font-size:13px;margin:20px 0 14px}#menu{position:fixed;left:14px;top:150px;bottom:80px;width:207px;margin:0;overflow-y:auto;display:block;z-index:11}#menu button{display:block;width:100%;margin:3px 0;text-align:left;padding:11px 15px;border:0;border-radius:8px;font-size:13px;color:#c5ccca;background:transparent;font-weight:600}#menu button:hover{background:#202728;color:white}#menu button.active{background:#292b23;color:#e4c486;box-shadow:inset 3px 0 #c9a45b}
h1,h2,h3{color:#171e20}button{background:var(--accent);border:1px solid var(--accent);border-radius:9px;font-size:13px}button.secondary{background:#fff;color:#293233;border-color:var(--line)}button:disabled{opacity:.55;cursor:wait}#content{padding:24px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;box-shadow:0 2px 8px #18241d05}#login{border-top:3px solid var(--gold)}.pilot{background:#eeebe1;color:#514630;font-size:12px}.stat-card{background:#fff;border-color:var(--line);border-top-color:var(--gold);border-radius:12px;box-shadow:0 2px 8px #18241d05}.stat-card strong{color:var(--ink)}.stat-card span,.hint{color:var(--muted);font-size:12px}th{background:#edf0eb;color:#26302e;font-size:11px;text-transform:uppercase;letter-spacing:.035em}th,td{padding:11px 10px;border-color:var(--line)}tr:hover td{background:#fafbf8}input,select,textarea{border-color:#c9d2ce;border-radius:8px;font-size:14px}input[type=number]{font-variant-numeric:tabular-nums}.order-line{padding:8px 0;gap:14px}.order-line input{min-height:46px}#message:empty{display:none}.actions{flex-wrap:wrap;align-items:center}.dashboard-chart{border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0}.dashboard-chart svg{width:100%;height:auto;display:block}.dashboard-chart .axis{stroke:#dce0dc;stroke-width:1}.dashboard-chart .sales-bar{fill:#bd974d}.dashboard-chart .chart-label{fill:#66716f;font-size:11px}.dashboard-chart .chart-value{fill:#202729;font-size:11px}.dashboard-summary{display:flex;gap:8px;flex-wrap:wrap}.dashboard-summary button{margin-bottom:8px}.billing-document{color:#024873}.billing-document h2{color:#024873}.billing-document th{background:#eef7fa;color:#024873}.billing-document td{background:white}
@media(max-width:900px){header{position:static;width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.brand{border:0;padding:0}.brand small{margin-top:7px}.brand+button{position:static;width:auto}.xt-mark strong{font-size:16px}main{width:100%;margin:0;padding:18px}#menu{position:static;width:100%;display:flex;flex-wrap:wrap;gap:5px;overflow:visible;background:#101516;border-radius:12px;padding:9px;margin:16px 0}#menu button{width:auto;flex:1 1 auto;margin:0;font-size:12px;padding:10px 12px}#content{padding:18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card strong{font-size:21px}}
@media(max-width:500px){main{padding:12px}#content{padding:14px}.stat-grid{grid-template-columns:1fr}.order-line{grid-template-columns:1fr 1fr}.order-line label:first-child{grid-column:1/-1}.form-grid{gap:8px}.brand small{font-size:10px}.xt-mark i{height:27px}.xt-mark i:nth-child(2){height:19px}}
@media print{header,#menu{display:none!important}main{width:100%;max-width:none;margin:0;padding:0}#content{border:0;border-radius:0;box-shadow:none;padding:0}.billing-document td{background:white}body.printing-settlement #content>*:not(#settlementBatch){display:none!important}body.printing-settlement #settlementBatch>*:not(.billing-document){display:none!important}body{background:white}}