:root{--panel-2:#fff6ee;--orange-600:#bf410f;--orange-300:#f7b790;--orange-100:#fff3ea;--danger:#e11d48;--success:#16a34a;--shadow:0 8px 22px #a62e061f;--radius:16px;--rsm:12px;--t:160ms ease;--lift:translateY(-1px)}*{box-sizing:border-box}#root,body,html{height:100%}body{background:#fffdf9;background:var(--bg);color:#2a2a2a;color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0;overflow:hidden}.admin-only{display:none}.user-only,body.admin .admin-only{display:block}body.admin .user-only{display:none}.app-container{grid-gap:12px;display:grid;gap:12px;grid-template-rows:auto auto 1fr;height:100vh;margin:0 auto;max-width:1200px;padding:20px 16px 16px}.header{align-items:center;display:flex;gap:12px}.header .logo{background:#fff;border:1px solid #f1e6dc;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 22px #a62e061f;box-shadow:var(--shadow);height:32px;object-fit:contain;padding:4px;width:32px}.header h1{color:#a62e06;color:var(--orange-700);font-size:22px;letter-spacing:.2px;margin:0}.header .sub{color:#7a7a7a;color:var(--muted);font-size:12px;margin-left:auto}.signout-btn{background:linear-gradient(180deg,#ffe6d6,#fff);background:linear-gradient(180deg,var(--orange-150),#fff);border:1px solid #f7b790;border:1px solid var(--orange-300);border-radius:12px;box-shadow:0 2px 10px #a62e061a;color:#a62e06;color:var(--orange-700);cursor:pointer;margin-left:12px;padding:8px 12px;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;transition:transform var(--t),filter var(--t),box-shadow var(--t)}.signout-btn:hover{filter:brightness(1.05);transform:translateY(-1px);transform:var(--lift)}.add-customer-form,.add-inventory-form,.centered-layout,.customer-card,.left-panel,.right-panel,.table-wrap{background:linear-gradient(180deg,#fff,#fff6ee);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid #f1e6dc;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 8px 22px #a62e061f;box-shadow:var(--shadow)}.add-customer-form{grid-column-gap:16px;grid-row-gap:12px;column-gap:16px;display:grid;grid-template-columns:1.2fr 1fr 1.2fr 160px;padding:16px;position:sticky;row-gap:12px;top:12px;z-index:25}.add-customer-form input{background:#fff9f3;background:var(--input);padding:10px 12px}.add-customer-form button{align-self:end;justify-self:center;min-width:180px}@media (max-width:980px){.add-customer-form{grid-template-columns:1fr 1fr}.add-customer-form button{grid-column:1/-1;justify-self:center}}@media (max-width:560px){.add-customer-form{grid-template-columns:1fr}}.content{min-height:0;overflow:hidden}.input,input,select{background:#fff9f3;background:var(--input);border:1px solid #f1e6dc;border:1px solid var(--border);border-radius:12px;border-radius:var(--rsm);color:#2a2a2a;color:var(--text);outline:none;padding:10px 12px;transition:border .16s ease,box-shadow .16s ease,background .16s ease;transition:border var(--t),box-shadow var(--t),background var(--t);width:100%}.input::placeholder,input::placeholder{color:#7a7a7a;color:var(--muted)}.input:focus,input:focus,select:focus{background:#fff;border-color:#d95a25;border-color:var(--orange-500);box-shadow:0 0 0 4px #d95a252e}button{background:linear-gradient(180deg,#ffe6d6,#fff);background:linear-gradient(180deg,var(--orange-150),#fff);border:1px solid #f7b790;border:1px solid var(--orange-300);border-radius:12px;box-shadow:0 2px 10px #a62e061a;color:#a62e06;color:var(--orange-700);cursor:pointer;padding:10px 14px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;transition:transform var(--t),box-shadow var(--t),filter var(--t)}button:hover{filter:brightness(1.02);transform:translateY(-1px);transform:var(--lift)}button:disabled{cursor:not-allowed;opacity:.6}.btn-primary,button[type=submit]{background:linear-gradient(180deg,#d95a25,#bf410f);background:linear-gradient(180deg,var(--orange-500),var(--orange-600));border-color:#bf410f;border-color:var(--orange-600);box-shadow:0 4px 14px #d95a2538;color:#fff}.delete-btn{background:linear-gradient(180deg,#ffe6ea,#fff);border-color:#ffc9d2;color:#7f1d1d}.btn-success{background:linear-gradient(180deg,#e9fbf1,#fff);border-color:#c9f3d6;color:#065f46}.btn-icon{align-items:center;display:inline-flex;justify-content:center;min-width:40px;padding:8px 10px}.search-bar{background:#fff9f3;background:var(--input);border:1px solid #f1e6dc;border:1px solid var(--border);border-radius:12px;padding:10px 12px;width:100%}.centered-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;justify-items:center;margin:0 auto;max-width:900px;padding:16px}.centered-layout .add-customer-form{max-width:900px;position:static;top:auto;width:100%}.centered-layout .customer-list{margin:0 auto;max-width:520px;padding:10px;width:100%}.centered-layout .customer-card{justify-content:center}.customer-card .meta{display:none}.two-column{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:320px 1fr;height:100%;overflow:hidden}.left-panel{overflow:hidden;padding:8px}.customer-list{padding:10px}.customer-card{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding:12px 14px;transition:transform .16s ease,box-shadow .16s ease,border .16s ease,background .16s ease;transition:transform var(--t),box-shadow var(--t),border var(--t),background var(--t)}.customer-card:hover{box-shadow:0 8px 18px #a62e061f;transform:translateY(-1px);transform:var(--lift)}.customer-card.active{background:#fff3ea;background:var(--orange-100);border-color:#d95a25;border-color:var(--orange-500)}.customer-card .name{font-size:14px}.customer-list{max-height:344px;overflow:auto;scrollbar-gutter:stable}.right-panel{height:100%;overflow:auto;padding:14px}.right-panel h2{font-size:18px;margin:0 0 8px}.back-btn,.right-panel h2{color:#a62e06;color:var(--orange-700)}.back-btn{background:#fff;border:1px solid #f7b790;border:1px solid var(--orange-300);border-radius:12px;cursor:pointer;padding:8px 12px;transition:transform .16s ease,filter .16s ease;transition:transform var(--t),filter var(--t)}.back-btn:hover{filter:brightness(1.03);transform:translateY(-1px);transform:var(--lift)}.add-inventory-form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.2fr 1fr 160px 120px 140px;margin:10px 0;padding:12px}.table-wrap{overflow:hidden}.inventory-table{background:#fff;border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.inventory-table thead th{background:#fff3ea;background:var(--orange-100);color:#a62e06;color:var(--orange-700);font-size:12px;position:sticky;text-align:left;top:0;z-index:1}.inventory-table td,.inventory-table thead th{border-bottom:1px solid #f1e6dc;border-bottom:1px solid var(--border);padding:10px 12px}.inventory-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-table tbody tr:hover{background:#fff7ef}.table-input{background:#fff;border:1px solid #f1e6dc;border:1px solid var(--border);border-radius:10px;color:#2a2a2a;color:var(--text);padding:8px 10px}.table-input:focus{border-color:#d95a25;border-color:var(--orange-500);box-shadow:0 0 0 3px #d95a2529}@media (max-width:980px){.two-column{grid-template-columns:1fr}.add-customer-form{grid-template-columns:1fr 1fr}}body:not(.admin) .two-column{grid-template-columns:1fr}body:not(.admin) .left-panel{display:none}body:not(.admin) .right-panel{grid-column:1/-1;max-width:none;width:100%}.right-panel .add-inventory-form{grid-column-gap:16px;grid-row-gap:14px;align-items:end;column-gap:16px;display:grid;grid-template-columns:1.2fr 1fr 160px 120px 140px;margin:10px 0 12px;padding:12px;row-gap:14px}.right-panel .add-inventory-form .input,.right-panel .add-inventory-form input.input,.right-panel .add-inventory-form select.input{box-sizing:border-box;min-height:42px;padding:10px 12px}.right-panel .add-inventory-form .btn-primary{height:42px;padding:0 16px;white-space:nowrap}@media (max-width:1024px){.right-panel .add-inventory-form{grid-template-columns:repeat(3,minmax(180px,1fr)) auto}}@media (max-width:700px){.right-panel .add-inventory-form{grid-template-columns:1fr}.right-panel .add-inventory-form .btn-primary{width:100%}}.search-bar{margin-bottom:12px}@media (max-width:640px){.two-column{display:block}.left-panel,.right-panel{max-width:100%;width:100%}body,html{overflow:auto!important}.app-container,.content,body,html{height:auto!important}.content{overflow:visible!important}.content,.two-column{display:block!important}.left-panel{position:static!important;width:100%!important}.right-panel{max-height:none!important;overflow:visible!important;width:100%!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}body,html{height:auto!important;overflow:auto!important}.app-container,.content,.two-column{display:block!important;height:auto!important;overflow:visible!important}.left-panel,.right-panel{max-height:none!important;overflow:visible!important;width:100%!important}.add-customer-form,.header,.left-panel,.left-panel .search-bar{position:static!important;top:auto!important}.right-panel{overflow:visible!important}.customer-list{max-height:30vh!important;overflow-y:auto}}.btn-secondary{background:#fff6ee;background:var(--panel-2);border:1px solid #f1e6dc;border:1px solid var(--border);border-radius:10px;cursor:pointer;padding:8px 12px}.status-pill{background:#ffe6d6;background:var(--orange-150);border-radius:999px;display:inline-block;font-size:12px;margin-top:6px;padding:4px 8px}.modal-backdrop{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal{grid-gap:10px;background:#fff;border-radius:14px;box-shadow:0 8px 22px #a62e061f;box-shadow:var(--shadow);display:grid;gap:10px;padding:16px;width:min(520px,92vw)}.modal h3{margin:0 0 4px}.modal label{font-size:13px}.modal .muted,.modal label{color:#7a7a7a;color:var(--muted)}.modal .muted{font-size:12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-actions button{background:#fff;background:var(--panel);border:1px solid #f1e6dc;border:1px solid var(--border);border-radius:10px;padding:8px 12px}@media (max-width:768px){.app-root,.container,.header,main{overflow:visible!important}.inventory-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto!important}@media (orientation:portrait){.app-root{height:100dvh}.inventory-scroll{max-height:calc(100dvh - 140px)}}@media (orientation:landscape){body,html{height:100%}.app-root{height:100dvh}.inventory-scroll{max-height:calc(100dvh - 120px)}}@supports not (height:100dvh){@media (orientation:portrait){.app-root{height:100svh}.inventory-scroll{max-height:calc(100svh - 140px)}}@media (orientation:landscape){.app-root{height:100svh}.inventory-scroll{max-height:calc(100svh - 120px)}}}.page,.wrapper,body{overflow:visible!important}}.cust-name{white-space:nowrap}:root{--bg:#fffdf9;--panel:#fff;--panel-2:#fffaf7;--border:#f1e6dc;--text:#2a2a2a;--muted:#7a7a7a;--input:#fff9f3;--orange-700:#a62e06;--orange-500:#d95a25;--orange-150:#ffe6d6;--shadow:0 12px 28px #a62e062e;--radius:22px;--rsm:14px;--t:180ms ease;--lift:translateY(-2px)}.login-wrap{background:#fffdf9;background:var(--bg);justify-content:center;min-height:100vh;padding:24px}.login-card,.login-wrap{align-items:center;display:flex}.login-card{background:linear-gradient(180deg,#fff,#fffaf7);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid #f1e6dc;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius);box-shadow:0 12px 28px #a62e062e;box-shadow:var(--shadow);flex-direction:column;gap:18px;max-width:480px;padding:36px 32px;transition:transform .18s ease,box-shadow .18s ease;transition:transform var(--t),box-shadow var(--t);width:100%}.login-card:hover{box-shadow:0 16px 32px #a62e063d;transform:translateY(-2px);transform:var(--lift)}.login-card .logo{display:block;height:140px;margin:0 auto;object-fit:contain;width:220px}.login-card h2{color:#a62e06;color:var(--orange-700);font-size:22px;font-weight:600;margin:0;text-align:center}.subtext{color:#7a7a7a;color:var(--muted);font-size:14px;text-align:center}.login-card input{background:#fff9f3;background:var(--input);border:1px solid #f1e6dc;border:1px solid var(--border);border-radius:14px;border-radius:var(--rsm);color:#2a2a2a;color:var(--text);margin-bottom:8px;padding:12px;width:100%}.login-card input:focus{background:#fff;border-color:#d95a25;border-color:var(--orange-500);box-shadow:0 0 0 3px #d95a2533}.login-card button{background:linear-gradient(180deg,#ffe6d6,#fff);background:linear-gradient(180deg,var(--orange-150),#fff);border:1px solid #f7b790;border-radius:14px;color:#a62e06;color:var(--orange-700);cursor:pointer;margin-top:10px;padding:12px;transition:transform .18s ease,box-shadow .18s ease;transition:transform var(--t),box-shadow var(--t);width:100%}.login-card button:hover{box-shadow:0 6px 14px #d95a2538;transform:translateY(-2px);transform:var(--lift)}.login-card button:disabled{cursor:not-allowed;opacity:.6}.err,.msg{border-radius:14px;font-size:13px;padding:10px 12px;text-align:center;width:100%}.err{background:#ffe6ea;border:1px solid #ffc9d2;color:#7f1d1d}.msg{background:#e9fbf1;border:1px solid #c9f3d6;color:#065f46}.muted-link{color:#7a7a7a;color:var(--muted);display:block;font-size:13px;margin-top:4px;text-decoration:none;transition:opacity .15s ease}.muted-link:hover{opacity:.8;text-decoration:underline}.login-card .login-title{color:#a62e06!important;color:var(--orange-700)!important;font-size:22px;font-weight:600;margin:0;text-align:center}.login-info{color:#7a7a7a;color:var(--muted);font-size:.9rem;margin-top:8px;text-align:center}.generate-invoices button.cancel,.generate-invoices button[type=submit]{background:var(--orange-600);border:none;border-radius:22px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.generate-invoices .selected-customers li{align-items:center;display:flex;gap:8px;min-width:0;white-space:nowrap}.generate-invoices .selected-customers .cust-name{max-width:100%;min-width:0;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap!important;word-break:keep-all}
/*# sourceMappingURL=main.b0972e54.css.map*/