*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f2f4f7;color:#1f2937}a{color:#1d4ed8;text-decoration:none}
.app{height:100vh;display:grid;grid-template-columns:minmax(0,64%) minmax(300px,36%);overflow:hidden}.products-panel{padding:12px;min-height:0;overflow:hidden}.receipt-panel{background:#fff;border-left:1px solid #d1d5db;padding:14px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;min-height:42px}.topbar h1,.receipt-panel h2,.admin-wrap h1{margin:0}.topbar h1{font-size:24px}.topbar p{margin:3px 0 0;color:#6b7280;font-size:13px}.admin-link{background:#111827;color:#fff;padding:9px 12px;border-radius:8px;font-size:14px}
.product-grid{height:calc(100vh - 74px);display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));grid-auto-rows:minmax(118px,1fr);gap:8px;overflow:hidden}.product-card{border:1px solid #d1d5db;background:#fff;border-radius:12px;padding:7px;cursor:pointer;min-width:0;min-height:0;display:flex;flex-direction:column;gap:4px;font-size:15px;box-shadow:0 2px 6px rgba(0,0,0,.04)}.product-card:active{transform:scale(.98)}.product-card img,.no-image{width:100%;height:clamp(54px,8vh,82px);object-fit:cover;border-radius:8px;background:#e5e7eb}.no-image{display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:12px}.product-name{font-weight:bold;line-height:1.12;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-price{color:#047857;font-weight:bold}.deposit-hint{display:inline-block;font-size:11px;color:#92400e;background:#fef3c7;border-radius:999px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.receipt-list{margin-top:6px;overflow:auto;min-height:0;padding-right:2px}.receipt-item{border-bottom:1px solid #e5e7eb;padding:7px 0}.receipt-item.deposit-item{background:#fff7ed;margin-left:8px;padding-left:8px;border-left:4px solid #f59e0b}.deposit-label{font-size:11px;background:#f59e0b;color:#111827;padding:2px 5px;border-radius:999px;margin-left:4px}.receipt-line{display:flex;justify-content:space-between;gap:8px;font-size:16px}.receipt-buttons{display:flex;gap:6px;margin-top:6px}.receipt-buttons button{flex:1;border:none;border-radius:7px;padding:8px 5px;font-weight:bold;cursor:pointer;font-size:13px}.btn-plus{background:#16a34a;color:#fff}.btn-minus{background:#facc15;color:#111827}.btn-delete{background:#dc2626;color:#fff}.receipt-total{border-top:2px solid #111827;padding-top:10px;margin-top:8px;display:flex;justify-content:space-between;font-size:24px}
.primary-button,.secondary-button,.danger-button,.internal-button{width:100%;border:none;border-radius:10px;padding:12px;margin-top:8px;font-size:16px;font-weight:bold;cursor:pointer}.primary-button{background:#2563eb;color:#fff}.secondary-button{background:#374151;color:#fff}.danger-button{background:#991b1b;color:#fff}.internal-button{background:#7c3aed;color:#fff}
.empty-box,.alert,.login-card,.admin-section,.sale-file{background:#fff;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.admin-body{padding:18px;min-height:100%;overflow:auto}.login-card{max-width:420px;margin:50px auto}.login-card input,.admin-product-row input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;margin-top:5px}.login-card label,.admin-product-row label{display:block;font-weight:bold;margin-top:10px}.check-line{display:flex!important;align-items:center;gap:8px;font-weight:normal!important;margin-top:12px!important}.check-line input{width:auto;margin:0}.admin-wrap{max-width:1450px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:16px}.admin-header nav{display:flex;gap:12px}.admin-section{margin-bottom:18px}.admin-product-row{display:grid;grid-template-columns:1fr .5fr .7fr .8fr .6fr .8fr 1fr auto;gap:10px;align-items:end;border-bottom:1px solid #e5e7eb;padding:10px 0}.admin-thumb{width:80px;height:60px;object-fit:cover;border-radius:8px}.admin-actions{display:flex;gap:12px;margin-top:12px}.admin-actions button{width:auto}.small-danger{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:10px;cursor:pointer}.alert{margin-bottom:15px}.alert.success{border-color:#86efac;background:#f0fdf4}.alert.error{border-color:#fca5a5;background:#fef2f2}.sales-list{display:grid;gap:10px}.table-wrap{width:100%;overflow:auto}.summary-table{width:100%;border-collapse:collapse;background:#fff}.summary-table th,.summary-table td{border:1px solid #d1d5db;padding:8px;text-align:left}.summary-table th{background:#f3f4f6}
@media(max-width:1100px){.admin-product-row{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(auto-fit,minmax(106px,1fr));gap:6px}.product-card{font-size:14px}.product-card img,.no-image{height:58px}}
@media(max-width:900px){.app{grid-template-columns:1fr;height:auto;overflow:auto}.products-panel,.receipt-panel{width:100%;min-height:auto}.receipt-panel{border-left:none;border-top:1px solid #d1d5db}.product-grid{height:auto;overflow:visible;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}.admin-product-row{grid-template-columns:1fr}.admin-header,.admin-actions{flex-direction:column}}