:root{--ink:#1d2d2f;--muted:#778184;--bg:#f5f6f3;--line:#e7eae6;--card:#fff;--deep:#182326;--deep2:#202f31;--orange:#ed7346;--orange2:#f9e8df;--green:#14634f;--green2:#e3f3ed;--red:#b83f3e;--red2:#fbebea;--yellow:#ac772a;--yellow2:#fbf2df;--radius:17px;--shadow:0 8px 24px rgba(12,28,22,.035)}
*{box-sizing:border-box}html{font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}#app{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;width:250px;min-width:250px;height:100vh;background:var(--deep);color:#9baaaa;display:flex;flex-direction:column;padding:28px 16px 22px;z-index:20}.logo-wrap{display:flex;gap:11px;align-items:center;padding:0 15px 35px}.logo-mark{color:var(--orange);height:41px;width:41px;background:#2e3937;border-radius:12px;display:grid;place-items:center}.logo-type{display:flex;flex-direction:column;line-height:1}.logo-type strong{font-size:23px;letter-spacing:1.8px;color:#fff}.logo-type strong span{color:var(--orange)}.logo-type small{letter-spacing:4px;font-size:10px;color:#abb6b5;margin-top:7px}.space-label{font-size:10px;font-weight:800;letter-spacing:1.65px;color:#718184;padding:0 17px 14px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-link{border:0;outline-offset:-3px;background:transparent;color:#a9b5b6;text-align:left;border-radius:10px;padding:13px 13px;display:flex;gap:13px;align-items:center;font-size:13px;font-weight:580;transition:background .16s,color .16s}.nav-link svg{width:18px;height:18px;opacity:.82}.nav-link:hover{background:#253638;color:#fff}.nav-link.active{color:#fff;background:#30413d;box-shadow:inset 3px 0 var(--orange);font-weight:750}.nav-link.active svg{color:var(--orange);opacity:1}.sidebar-bottom{margin-top:auto}.status-panel{display:flex;gap:11px;align-items:center;background:#213136;border:1px solid #304345;padding:14px 13px;border-radius:12px}.online-dot{display:block;width:9px;height:9px;flex:none;border-radius:50%;background:#f6ad55;box-shadow:0 0 0 4px #f6ad5524}.status-panel strong,.status-panel small{display:block}.status-panel strong{color:#ecf3f0;font-size:12px}.status-panel small{color:#96a9a8;font-size:10px;margin-top:3px}.version{text-align:center;font-size:10px;letter-spacing:.5px;margin-top:20px}.version span{color:#5c7372}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:87px;flex:none;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.top-left{display:flex;align-items:center;gap:15px}.top-left>div{display:flex;flex-direction:column;gap:4px}.top-kicker{font-size:10px;color:#9aa5a4;font-weight:800;letter-spacing:1.4px}.top-left strong{font-size:18px}.top-right{display:flex;align-items:center;gap:18px}.demo-pill{border:1px solid #f5dfcc;color:#9c5a26;background:#fff9f2;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:850;letter-spacing:.6px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d9e7dc;color:var(--green);font-size:14px;font-weight:850}.btn{border:1px solid var(--line);padding:11px 16px;border-radius:10px;background:#fff;color:var(--ink);font-size:12px;font-weight:760;display:inline-flex;gap:9px;justify-content:center;align-items:center;min-height:41px;white-space:nowrap;transition:transform .15s,background .15s}.btn:hover:not(:disabled){transform:translateY(-1px);background:#f6f8f6}.btn-primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn-primary:hover:not(:disabled){background:#da5d36}.btn-dark{background:var(--deep);border-color:var(--deep);color:#fff}.btn-dark:hover:not(:disabled){background:#2b4140}.btn-sm{padding:8px 11px;min-height:34px}.btn-danger{border-color:#ecc9c5;color:#b34b45;background:#fff}.btn-danger:hover:not(:disabled){background:var(--red2)}.btn-icon{width:36px;padding:0;min-height:36px}.icon-btn{border:0;background:transparent;color:var(--ink);padding:9px;display:grid;place-items:center}.mobile-toggle,.mobile-shade{display:none}.top-right .btn{padding:10px 14px}main{flex:1;padding:34px 36px 50px;max-width:1620px;width:100%;margin:0 auto}.footer{text-align:center;color:#a5aeac;font-size:11px;margin:18px 0 26px;letter-spacing:.35px}.footer span{color:var(--orange);padding:0 5px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{color:var(--orange);font-size:11px;letter-spacing:1.3px;font-weight:850;text-transform:uppercase;margin-bottom:10px}.hero h1{font-size:29px;line-height:1.14;margin:0 0 9px;letter-spacing:-.85px;font-weight:790}.hero p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.grid{display:grid;gap:16px}.grid-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.kpi{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:19px 21px;min-width:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi::after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;right:-38px;top:-38px;background:var(--orange2);opacity:.55}.kpi-meta{display:flex;align-items:center;gap:9px;font-size:12px;color:#758281;font-weight:680}.kpi-icon{border-radius:10px;display:grid;place-items:center;width:31px;height:31px;background:#f6f7f5;color:var(--green)}.kpi-value{margin:16px 0 8px;font-size:27px;font-weight:800;letter-spacing:-.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-hint{font-size:11px;color:#9aa5a4}.kpi.orange .kpi-icon{background:var(--orange2);color:var(--orange)}.kpi.red .kpi-icon{background:var(--red2);color:var(--red)}.kpi.gold .kpi-icon{background:var(--yellow2);color:var(--yellow)}.grid-main{grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-header{padding:21px 23px 18px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #edf0eb}.panel-header h2{margin:0;font-size:15px;letter-spacing:-.2px}.panel-header p{color:var(--muted);margin:6px 0 0;font-size:11px}.panel-body{padding:22px}.panel-link{font-size:11px;color:var(--orange);font-weight:800;border:none;background:none}.section-gap{margin-top:18px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-btn{text-align:left;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:12px;padding:17px 14px;color:var(--ink);font-size:12px;font-weight:750}.quick-btn:hover{border-color:#f2b395;background:#fffaf5}.quick-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fcf1e8;color:var(--orange);font-size:17px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:500px}.data-table th{color:#8d9b97;font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:790;background:#fbfcfa;padding:15px 17px;white-space:nowrap}.data-table td{padding:15px 17px;border-top:1px solid #f1f2ef;vertical-align:middle}.data-table tr:hover td{background:#fdfdfb}.data-table td strong{font-size:12px;font-weight:770}.subcell{font-size:11px;color:#a1aaa6;margin-top:4px}.num{font-variant-numeric:tabular-nums;font-feature-settings:'tnum';white-space:nowrap}.right{text-align:right}.muted{color:var(--muted)}.mini{font-size:11px}.pill{font-size:10px;border-radius:99px;display:inline-flex;align-items:center;padding:6px 9px;font-weight:750;white-space:nowrap}.pill.green{background:var(--green2);color:var(--green)}.pill.red{background:var(--red2);color:var(--red)}.pill.gold{background:var(--yellow2);color:var(--yellow)}.pill.blue{background:#e9f1fb;color:#44668b}.pill.gray{background:#f0f3f1;color:#667673}.pill.orange{background:var(--orange2);color:#ad542f}.action-row{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.text-link{color:var(--orange);background:none;border:0;font-size:11px;font-weight:800}.highlight-card{background:var(--deep);border-radius:var(--radius);color:#fff;padding:25px;position:relative;overflow:hidden}.highlight-card::before{content:'';width:180px;height:180px;border:27px solid #ffffff06;border-radius:50%;position:absolute;right:-65px;top:-55px}.highlight-card strong{font-size:15px}.highlight-card p{max-width:240px;line-height:1.7;font-size:12px;color:#b1c3c2;margin:10px 0 17px}.highlight-card .btn{position:relative}.list-row{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #f1f2ef;font-size:12px}.list-row:last-child{border-bottom:0}.list-row>div:first-child{flex:1;min-width:0}.list-row strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-row small{display:block;color:var(--muted);margin-top:5px}.list-row .pill{flex:none}.empty{text-align:center;padding:35px 24px;color:var(--muted);font-size:13px}.empty-symbol{display:block;font-size:28px;opacity:.65;margin-bottom:9px}.toolbar{display:flex;gap:10px;margin-bottom:18px;align-items:center;flex-wrap:wrap}.searchbox{position:relative;min-width:210px;flex:1}.searchbox input{padding-left:37px!important}.searchbox::before{content:'⌕';position:absolute;left:13px;top:7px;font-size:23px;color:#9ea9a4}.field-control,.searchbox input{border:1px solid #e0e6e0;background:#fff;color:var(--ink);min-height:42px;width:100%;border-radius:10px;padding:10px 12px;font-size:12px;outline:none}.field-control:focus,.searchbox input:focus{border-color:#df865b;box-shadow:0 0 0 3px #f9e6d9}.field-control::placeholder{color:#a3ada9}select.field-control{cursor:pointer}.filter-select{min-width:145px;width:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#596b68;font-weight:770}.field textarea{resize:vertical;min-height:80px}.form-help{font-size:10px;color:#9caaa7;margin-top:4px}.tab-row{display:flex;gap:5px;background:#f0f3ef;border-radius:12px;padding:5px;width:max-content;max-width:100%;overflow-x:auto}.tab{border:0;background:transparent;color:#73817e;padding:9px 12px;border-radius:8px;white-space:nowrap;font-size:11px;font-weight:770}.tab.active{background:#fff;color:var(--ink);box-shadow:0 3px 9px #0000000b}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:20px;align-items:start}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;padding:17px;min-height:134px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:all .15s}.product-card:hover:not(:disabled){border-color:#f5b596;transform:translateY(-2px);box-shadow:var(--shadow)}.product-card strong{font-size:13px;line-height:1.35}.product-card .mini{font-size:10px}.product-card .price-line{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:15px;font-weight:820}.plus-dot{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:21px;font-weight:400}.checkout{position:sticky;top:15px}.checkout h2{margin:0;font-size:16px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:9px;padding:14px 0;border-bottom:1px solid #eef0ed}.cart-line strong{font-size:12px;display:block}.cart-line small{display:block;color:var(--muted);margin-top:5px}.qty-control{display:flex;align-items:center;gap:10px}.qty-control button{width:25px;height:25px;background:#f4f5f3;border:0;border-radius:7px;font-weight:800}.checkout-summary{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;padding-top:12px}.checkout-total{font-size:24px;font-weight:850}.checkout .field{margin-top:12px}.checkout-submit{width:100%;margin-top:16px}.totals-box{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.split{display:flex;justify-content:space-between;gap:14px;align-items:center}.chart-bars{display:flex;gap:8px;align-items:end;min-height:185px;padding-top:18px}.chart-day{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;height:185px}.chart-track{height:155px;width:100%;display:flex;align-items:end;gap:3px;justify-content:center}.bar{border-radius:5px 5px 2px 2px;width:43%;min-height:2px;background:var(--green)}.bar.expense{background:var(--orange)}.chart-day>small{font-size:9px;color:#8a9993}.legend{display:flex;gap:17px;align-items:center;font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--green);margin-right:5px}.legend i.orange{background:var(--orange)}.notice{border:1px solid #f3d9b7;background:#fff8eb;color:#855d2d;padding:13px 15px;border-radius:11px;font-size:11px;line-height:1.6;margin:16px 0}.notice strong{color:#78511c}.notice.green{background:#e8f5f0;color:#356b5d;border-color:#d4e8df}.notice.red{background:#fff0ee;color:#9e4b44;border-color:#f0d5d0}.order-detail{line-height:1.75;color:#65736f;font-size:12px}.order-detail strong{color:var(--ink)}.order-detail hr{border:0;border-top:1px solid var(--line);margin:12px 0}.order-detail .line{display:flex;gap:15px;justify-content:space-between}.order-detail .line>span:last-child{text-align:right}.stat-note{padding:17px;background:#f9faf7;border:1px solid var(--line);border-radius:12px;margin:12px 0}.stat-note strong{display:block;font-size:17px;margin-bottom:6px}.stat-note small{color:var(--muted)}.inline-form{display:flex;gap:8px;align-items:end}.inline-form .field{flex:1}.settings-box{max-width:690px}.fin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.small-chart{display:flex;gap:9px;align-items:end;height:100px;margin:20px 0}.small-chart span{height:100%;width:20%;background:#e8f2ed;border-radius:7px;position:relative}.small-chart span i{position:absolute;bottom:0;left:0;right:0;background:var(--green);border-radius:7px;display:block}.divider{height:1px;background:var(--line);margin:19px 0}.warning-dot{color:var(--orange)}.banner{background:#fff6ed;border:1px solid #f5e4d4;color:#9c6435;border-radius:11px;padding:12px 16px;font-size:11px;margin-bottom:22px;display:flex;gap:10px;line-height:1.55}.focus-ring:focus-visible,.nav-link:focus-visible,.btn:focus-visible{outline:3px solid #ffb581;outline-offset:2px}dialog{border:0;border-radius:19px;box-shadow:0 30px 100px #06130f54;padding:0;width:min(560px,calc(100vw - 26px));max-height:min(90vh,840px);overflow:auto}dialog::backdrop{background:#0c201da3;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:13px;padding:24px 26px 18px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:19px;letter-spacing:-.3px}.modal-header p{margin:6px 0 0;color:var(--muted);font-size:12px}.close-x{background:#f3f5f2;border:0;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;font-size:21px}.modal-form{padding:22px 26px 24px}.modal-foot{display:flex;gap:9px;justify-content:flex-end;margin-top:23px}.modal-body-text{padding:24px 26px}.modal-body-text+.modal-foot{padding:0 26px 24px}#toasts{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:9px}.toast{background:#1b2b2d;color:#fff;padding:13px 17px;border-radius:11px;box-shadow:0 15px 35px #1025242c;font-size:12px;max-width:360px;display:flex;align-items:center;gap:10px;animation:rise .2s ease}.toast.error{background:#9d3734}.toast.ok:before{content:'✓';font-weight:900;color:#87e0b6}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}.w100{width:100%}.hidden{display:none!important}.no-data{padding:25px;text-align:center;color:#8e9996;font-size:12px}
@media(max-width:1190px){.sidebar{width:220px;min-width:220px}.topbar{padding:0 24px}main{padding:28px 24px}.grid-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr) 315px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:840px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .2s;width:260px;min-width:260px}.sidebar.open{transform:translateX(0)}.mobile-toggle{display:grid}.mobile-shade.open{display:block;position:fixed;inset:0;background:#091a1890;z-index:19}.topbar{height:75px}.top-kicker{display:none}.top-right{gap:8px}.demo-pill{display:none}.grid-main,.fin-grid{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr}.checkout{position:static}.hero{align-items:flex-start}}
@media(max-width:550px){.topbar{padding:0 15px}.top-right .btn{font-size:0;min-width:40px;width:40px;padding:0}.top-right .btn span{font-size:24px}.avatar{width:32px;height:32px}.top-left strong{font-size:15px}.hero h1{font-size:25px}.hero{display:block}.hero-actions{margin-top:14px}.hero-actions .btn{flex:1}.grid-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{padding:15px 13px}.kpi-meta{font-size:10px}.kpi-value{font-size:21px}.kpi-hint{font-size:10px}.kpi-icon{width:25px;height:25px}.quick-grid{gap:9px}.quick-btn{padding:12px 10px;font-size:11px}.quick-mark{width:25px;height:25px;font-size:13px}.panel-header{padding:17px}.panel-body{padding:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{padding:12px;min-height:125px}.product-card strong{font-size:11px}.product-card .price-line{font-size:13px}.form-grid{gap:12px}.form-grid .field.full-mobile{grid-column:1/-1}main{padding:24px 14px}.toolbar .filter-select{flex:1}.footer{padding:0 12px}.modal-form{padding:19px}.modal-header{padding:20px}.modal-foot{flex-wrap:wrap}.modal-foot .btn{flex:1}.banner{font-size:10px}}
/* Impede tabelas de expandirem a página horizontalmente em telas estreitas. */
.grid-main>div,.fin-grid>section,.pos-layout>section{min-width:0}
@media(max-width:840px){.grid-main,.fin-grid,.pos-layout{grid-template-columns:minmax(0,1fr)}}