@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.workspace-logo{width:43px;height:43px;border-radius:50%;object-fit:contain;background:white;flex-shrink:0}
:root{font-family:'DM Sans',Arial,sans-serif;color:#22342e;background:#f3f5f4;font-size:16px;--green:#185a44;--line:#e0e6e2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:7px;padding:11px 16px;font-weight:600;background:#e9eeeb;color:#254537}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible{outline:3px solid #cca940;outline-offset:3px}.primary{background:var(--green);color:white}.secondary{background:white;border:1px solid var(--line)}aside{width:245px;position:fixed;inset:0 auto 0 0;background:#12231f;color:#bdcdc5;padding:34px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font:800 20px Manrope,Arial;letter-spacing:1px}.brand small{font:500 10px Arial;letter-spacing:2px;display:block;margin-top:7px;color:#9aafa4}.logo{background:#d9ec97;color:#173726;font:bold 29px Arial;width:43px;height:43px;display:grid;place-items:center;border-radius:9px;position:relative}.logo span{position:absolute;right:4px;top:3px;font-size:20px}.nav-label{font-size:12px;letter-spacing:1.8px;margin:46px 12px 15px;color:#849a8e}nav a{display:flex;gap:14px;align-items:center;color:#baccc2;padding:14px 15px;margin-bottom:6px;text-decoration:none;border-radius:7px;font-size:14px}nav a.active{background:#d9ec97;color:#223a25;font-weight:700}nav a:hover{background:#294135}nav a.active:hover{background:#cde284}.icon{font-size:20px;width:22px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #35473e;padding-top:22px;display:flex;gap:10px;font-size:14px}.avatar{background:#345244;color:#e2eddf;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:bold}small{display:block;font-size:12px;color:#7b8c82;margin-top:5px}main{margin-left:245px}header{height:83px;border-bottom:1px solid var(--line);padding:0 38px;background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#6e7d74}#menu{display:none}#page{padding:33px 38px 40px;min-height:calc(100vh - 145px);max-width:1600px;margin:auto}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.7px;color:#687e6e;font-weight:700}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:30px;letter-spacing:-1px;margin:9px 0}h2{font-size:18px;margin:0}h3{font-size:16px}.sub{color:#748278;font-size:14px;margin:8px 0;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:11px}.stat{padding:22px}.stat .value{font:800 32px Manrope;margin:12px 0 8px}.stat .label{color:#65776b;font-size:14px}.stat .note{font-size:12px;color:#7d897f}.stat.accent{background:#e7edce;border-color:#dbe4bf}.grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:23px}.panel{padding:24px;margin-bottom:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:12px}.text-btn{padding:0;color:var(--green);background:transparent;font-size:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:14px}th{text-align:left;color:#7b897f;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;background:#f7f9f7}td,th{padding:15px 12px;border-bottom:1px solid #eaf0eb}td:first-child,th:first-child{padding-left:0}td strong{font-weight:600}td small{font-size:12px}.badge{display:inline-block;padding:5px 9px;border-radius:5px;background:#e7f3e9;color:#37754c;font-size:12px}.badge.warn{background:#fff2d8;color:#9b6c1c}.badge.red{background:#fbe8e6;color:#a4453b}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:23px}input,select,textarea{padding:11px 12px;border:1px solid #d8e1da;border-radius:6px;background:white;width:100%;color:#293d31}input:focus,select:focus,textarea:focus{outline:2px solid #6b9c7a;outline-offset:1px}.toolbar input{max-width:380px}.toolbar select{width:180px}.quick{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 0;background:white;border-radius:0;border-bottom:1px solid var(--line);font-size:14px}.quick .icon{background:#edf2e7;padding:10px;width:42px;border-radius:8px}.quick small{font-weight:400}.activity{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}.activity .mark{height:30px;width:30px;border-radius:50%;background:#f0f3e7;display:grid;place-items:center;flex-shrink:0}.notice{padding:13px 17px;border-radius:7px;background:#edf1e4;font-size:14px;line-height:1.6;margin-bottom:22px}.empty{padding:30px;text-align:center;color:#7a8a7e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:14px;display:block;margin-bottom:16px}label input,label select,label textarea{margin-top:7px}dialog{width:min(560px,94vw);border:1px solid var(--line);padding:26px;border-radius:12px;color:#263b2e}dialog::backdrop{background:#12231f88}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head button{background:transparent;font-size:25px;padding:0 8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}#toast{position:fixed;bottom:26px;right:26px;background:#173e2c;color:white;padding:15px 22px;border-radius:8px;max-width:90vw;box-shadow:0 5px 25px #0002;display:none;z-index:20}footer{padding:20px 38px;display:flex;justify-content:space-between;gap:20px;color:#839086;font-size:10px;letter-spacing:.7px}footer span{font-size:12px;letter-spacing:0}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.staff-card .avatar{width:50px;height:50px;font-size:16px;margin-bottom:16px}.staff-card h3{margin-bottom:8px}.staff-card p{font-size:14px;color:#768579}.staff-card button{margin-top:12px}.label-sheet{text-align:center;background:white;border:1px dashed #c4d1c6;border-radius:8px;padding:25px;margin:20px 0;overflow:auto}.label-sheet img{margin:auto}.label-sheet svg{max-width:100%;height:auto}.label-sheet h3{margin:0 0 12px}.scan-frame{background:#f3f6f3;border:1px dashed #b6c8ba;border-radius:8px;padding:28px;text-align:center;margin-bottom:20px}.scan-frame .scan-icon{font-size:56px;color:#51775d;margin-bottom:12px}#reader{max-width:500px;margin:auto}#reader video{max-width:100%}.mini-chart{display:flex;gap:12px;align-items:end;height:130px;margin-top:20px}.chart-col{flex:1;text-align:center;font-size:12px;color:#778378}.chart-bar{background:#bad19b;border-radius:4px 4px 0 0;min-height:4px;margin:8px auto;width:65%}.chart-col:nth-child(even) .chart-bar{background:#54795e}.settings-buttons{display:flex;gap:12px;flex-wrap:wrap}.danger{color:#a43e35;background:#fff0ee}.row-actions{display:flex;gap:5px}.row-actions button{padding:7px 10px;font-size:12px}
.receipt-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:22px}.receipt-item{display:grid;grid-template-columns:minmax(120px,1fr) 65px 115px 38px;gap:9px;align-items:center}.receipt-item button{padding:8px}.receipt-item label{font-size:13px}.receipt-paper{background:white;border:1px solid var(--line);padding:22px;max-width:397px;min-height:560px;margin:auto;color:#25362b;font-size:14px;overflow-wrap:anywhere}.receipt-brand{text-align:center;font-size:22px;font-weight:800;letter-spacing:2px}.receipt-company{text-align:center;font-size:12px}.receipt-paper h3{text-align:center;font-size:14px;border-block:1px solid #bbb;padding:12px 0}.receipt-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px}.receipt-paper table{white-space:normal;font-size:12px;table-layout:fixed}.receipt-paper td:last-child,.receipt-paper th:last-child{text-align:right;width:105px}.receipt-paper td,.receipt-paper th{padding:8px 4px}.receipt-paper p{line-height:1.6}.receipt-totals p{display:flex;justify-content:space-between;gap:12px;margin:7px 0}.receipt-totals{border-bottom:1px solid var(--line);padding:12px 0}.receipt-notes{white-space:pre-wrap;font-size:12px;margin-top:10px;line-height:1.6}.receipt-signature{margin-top:25px}.receipt-grid textarea{resize:vertical}
@media(max-width:1100px){aside{width:210px;padding:30px 16px}main{margin-left:210px}#page{padding:25px}.stats{gap:12px}.stat{padding:18px}.grid,.receipt-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:repeat(2,1fr)}footer{padding:20px 25px}}@media(max-width:700px){aside{transform:translateX(-100%);transition:transform .2s}aside.open{transform:translateX(0);box-shadow:0 0 0 100vw #0006}main{margin-left:0}header{padding:0 18px;height:64px;gap:14px}header>span:first-of-type{font-size:12px}#today{display:none}#menu{display:block}#page{padding:22px 18px}.stats{grid-template-columns:1fr 1fr}.stat .value{font-size:27px}.page-title{align-items:flex-start}h1{font-size:25px}.panel{padding:18px}.staff-grid,.form-grid{grid-template-columns:1fr}.receipt-item{grid-template-columns:1fr 1fr 38px}.receipt-item label:first-child{grid-column:1/-1}.receipt-paper{padding:16px}footer{display:block;padding:18px}footer span{display:block;margin-top:9px}.page-title button{padding:10px;font-size:13px}}@media print{aside,header,footer,.page-title,.toolbar,.no-print,#toast{display:none!important}main{margin:0}#page{padding:0}.grid{display:block}.panel{border:0}.label-sheet{border:0}body{background:white}.print-hide{display:none!important}}