:root{color:#202124;background:#f5f6f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:230px;padding:20px 14px;display:flex}.brand{padding:0 10px;font-size:20px;font-weight:700}.company{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;padding:7px 10px 22px;font-size:12px;overflow:hidden}nav{flex-direction:column;gap:4px;display:flex}nav button,.logout{text-align:left;color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}nav button:hover,.logout:hover{background:#f3f4f6}nav button.active{color:#111827;background:#eef0f3;font-weight:600}.logout{margin-top:auto}main{flex:1;min-width:0}header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;height:72px;padding:0 30px;display:flex}header h2{margin:0;font-size:20px}section{max-width:1250px;padding:28px 30px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.cards>div,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:9px}.cards>div{padding:20px}.cards span{color:#6b7280;font-size:13px;display:block}.cards b{margin-top:8px;font-size:28px;display:block}.panel{padding:20px}.panel h3{margin-top:0}.toolbar{justify-content:space-between;gap:15px;margin-bottom:16px;display:flex}.primary{color:#fff;cursor:pointer;background:#202124;border:0;border-radius:7px;align-items:center;gap:7px;padding:9px 14px;display:inline-flex}.search{background:#fff;border:1px solid #d8dce1;border-radius:7px;align-items:center;width:300px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;padding:9px}table{border-collapse:collapse;width:100%}th{text-align:left;color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:600}th,td{border-bottom:1px solid #eef0f2;padding:13px 10px}tr:last-child td{border-bottom:0}.actions{justify-content:flex-end;gap:5px;display:flex}.actions button{cursor:pointer;color:#6b7280;background:0 0;border:0;padding:6px}.low{font-weight:700}.inline-form{gap:8px;margin-bottom:16px;display:flex}.inline-form input,.auth-card input,.modal-card input,.modal-card textarea,.modal-card select{background:#fff;border:1px solid #d8dce1;border-radius:7px;outline:none;padding:10px}.inline-form input{width:280px}.auth{background:#f5f6f8;place-items:center;min-height:100vh;display:grid}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:12px;width:360px;padding:30px;display:flex}.auth-card h1{margin:0}.auth-card p{color:#6b7280;margin:0 0 10px}.link{color:#4b5563;cursor:pointer;background:0 0;border:0;padding:7px}.error{color:#b42318;background:#fef3f2;border-radius:6px;padding:9px}.modal{background:#0006;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:10px;flex-direction:column;gap:12px;width:500px;max-width:100%;padding:24px;display:flex}.modal-card h3{margin:0 0 4px}.modal-card textarea{resize:vertical;min-height:80px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid2 label,.modal-card>label{color:#4b5563;flex-direction:column;gap:6px;font-size:12px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal-actions button{cursor:pointer;background:#fff;border:1px solid #d8dce1;border-radius:7px;padding:9px 14px}.empty{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:50px}@media (width<=800px){aside{width:70px}.brand,.company,nav button span,.logout span{display:none}nav button,.logout{justify-content:center}.cards{grid-template-columns:1fr}.toolbar{flex-direction:column}.search{width:100%}section{padding:18px}table{font-size:12px}.panel{overflow:auto}.grid2{grid-template-columns:1fr}}.filter{color:#4b5563;align-items:center;gap:7px;display:flex}.inventory-actions{gap:8px;display:flex}.inventory-actions select,.purchase-form select,.purchase-form input{background:#fff;border:1px solid #d8dce1;border-radius:7px;padding:9px}.movement-panel{margin-top:18px}.purchase-form table input{border:1px solid #d8dce1;border-radius:6px;width:110px;padding:7px}.purchase-form table select{max-width:220px}.purchase-total{text-align:right;padding:18px 0;font-size:18px}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.muted{color:#6b7280;margin:4px 0 0}.sales-layout{grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);gap:16px;display:grid}.sales-products{min-height:430px}.search.full{width:100%;margin-bottom:16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.product-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:7px;padding:14px;display:flex}.product-card:hover{background:#fafafa;border-color:#aeb4bd}.product-card:disabled{opacity:.45;cursor:not-allowed}.product-card span{font-weight:600}.product-card small{color:#6b7280}.cart{min-height:430px}.cart table input{border:1px solid #d8dce1;border-radius:6px;padding:7px}.qty{width:75px}.price{width:110px}.stock-note{color:#6b7280;margin-top:3px;font-size:11px;font-weight:400;display:block}.payment-row{border-top:1px solid #eef0f2;justify-content:space-between;align-items:end;gap:15px;margin-top:16px;padding-top:16px;display:flex}.payment-row label{color:#4b5563;flex-direction:column;gap:6px;font-size:12px;display:flex}.payment-row select{background:#fff;border:1px solid #d8dce1;border-radius:7px;padding:9px}.sale-total{text-align:right;color:#6b7280}.sale-total b{color:#111827;margin-top:4px;font-size:25px;display:block}.history{margin-top:16px}.history h3{margin-top:0}.empty-inline{text-align:center;color:#6b7280;padding:35px}.section-title{margin:0}.toolbar .primary:disabled{opacity:.45;cursor:not-allowed}@media (width<=1000px){.sales-layout{grid-template-columns:1fr}.cart{min-height:auto}}@media (width<=600px){.product-grid{grid-template-columns:repeat(2,1fr)}.payment-row{flex-direction:column;align-items:stretch}.sale-total{text-align:left}.sale-total b{font-size:22px}}.cash-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.muted{color:#6b7280}.cash-head h3{margin:0}.cash-head p{margin:5px 0}.toolbar button:not(.primary){cursor:pointer;background:#fff;border:1px solid #d8dce1;border-radius:7px;padding:9px 14px}.toolbar{align-items:center}.detail-card{width:850px;max-height:85vh;overflow:auto}.toast{z-index:1000;color:#202124;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #202124;border-radius:9px;align-items:center;gap:10px;min-width:300px;max-width:440px;padding:13px 14px;display:flex;position:fixed;top:22px;right:24px;box-shadow:0 12px 30px #00000018}.toast.error{border-left-color:#b42318}.toast.success{border-left-color:#157347}.toast>span{background:#f1f3f5;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.toast.error>span{color:#b42318;background:#fef3f2}.toast.success>span{color:#157347;background:#eefbf3}.toast button{color:#6b7280;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:20px}.confirm-card{background:#fff;border-radius:10px;width:420px;max-width:100%;padding:24px;box-shadow:0 20px 50px #0002}.confirm-card h3{margin:12px 0 6px}.confirm-card p{color:#6b7280;margin:0;line-height:1.5}.confirm-icon{background:#f1f3f5;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.modal-actions .confirm-btn{color:#fff;background:#16a34a;border-color:#16a34a}.modal-actions .confirm-btn:hover{background:#15803d;border-color:#15803d}.cash-in{color:#16a34a;font-weight:600}.cash-out{color:#dc2626;font-weight:600}.report-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.report-filters{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:12px;margin-bottom:20px;padding:14px;display:flex}.report-presets,.report-dates{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.report-presets button.active{color:#fff;background:#111827}.report-dates label{flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.report-dates input{min-width:150px}.report-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:0;padding:16px}.report-card span,.report-card small{display:block}.report-card span{color:#64748b;font-size:13px}.report-card b{margin:7px 0 4px;font-size:21px;display:block}.report-card small{color:#94a3b8;font-size:11px}.report-section{margin-top:22px}.report-section-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.report-section-head h3{margin:0}.report-section-head p{margin:4px 0 0}.report-table-wrap{overflow-x:auto}.report-payment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.report-payment{border:1px solid #e5e7eb;border-radius:9px;padding:14px}.report-payment span,.report-payment small{display:block}.report-payment b{margin:5px 0;font-size:18px;display:block}.report-payment small{color:#64748b}.positive{color:#15803d}.negative{color:#dc2626}@media (width<=1000px){.report-cards,.report-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.report-header{flex-direction:column}.report-cards,.report-payment-grid{grid-template-columns:1fr}.report-dates{flex-direction:column;align-items:stretch}.report-dates input{box-sizing:border-box;width:100%}}