.keypad-overlay{position:fixed;inset:0;background:#0f172ab3;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.keypad{background:#0f172a;color:#fff;width:100%;max-width:480px;padding:1.5rem;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;gap:1rem}.keypad-header{display:flex;justify-content:space-between;align-items:center}.keypad-header button{background:#22c55e;color:#0f172a;border:none;padding:.6rem 1.2rem;border-radius:12px;font-weight:600}.keypad-display{font-size:2rem;text-align:right;padding:.5rem;background:#ffffff1a;border-radius:12px}.keypad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.keypad-grid button{font-size:1.5rem;padding:1rem;border:none;border-radius:12px;background:#ffffffe6}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#eef2ff}*{box-sizing:border-box}body{margin:0;background:#eef2ff}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.brand{font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none}nav{display:flex;flex-direction:column;gap:.75rem}.nav-link{color:#ffffffb3;text-decoration:none;font-weight:500;padding:.4rem .2rem}.nav-link.active{color:#fff;font-weight:700}.content{padding:2rem 3rem;background:#eef2ff}.login-page{min-height:100vh;display:grid;place-items:center}.login-form{display:grid;gap:1rem}.login-form input{width:100%}.users-table{display:grid;gap:.5rem}.users-table header,.users-table article{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:.5rem 0}.users-table header{font-weight:700;border-bottom:1px solid #e2e8f0}.users-table article{border-bottom:1px solid #e2e8f0}.logout{background:#e11d48;color:#fff;width:100%;padding:.6rem;border-radius:12px;font-weight:600}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card{background:#fff;padding:1.5rem;border-radius:18px;box-shadow:0 10px 40px #0f172a1f;margin-bottom:1.5rem}.grid.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.grid.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.95rem}input,select{padding:.7rem .9rem;border-radius:12px;border:1px solid #cbd5f5;font-size:1rem}.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.chip{padding:.4rem .7rem;border-radius:999px;background:#e0e7ff;font-size:.85rem}.chip.action{cursor:pointer;background:#fee2e2}.align-end{display:flex;align-items:flex-end;justify-content:flex-end}button{border:none;border-radius:12px;padding:.8rem 1.4rem;font-size:1rem;font-weight:600;cursor:pointer}button.primary{background:#2563eb;color:#fff}button.secondary{background:#e2e8f0;color:#0f172a}.notice{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:.8rem 1rem}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{border-bottom:1px solid #e2e8f0;padding:.6rem;text-align:left}tr.invalid{background:#fee2e2}.page{animation:fade .2s ease-in}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel{display:flex;flex-direction:column;gap:1rem}.touch-label{font-size:1.1rem}.touch-select,.touch-input{font-size:1.4rem;padding:.9rem 1rem}.touch-row{display:flex;flex-wrap:wrap;gap:1rem}.touch-line{display:flex;gap:.5rem;align-items:center}.touch-btn{font-size:1.2rem;padding:1rem 1.4rem;border-radius:16px;border:none;background:#e2e8f0;color:#0f172a}.touch-btn.demand{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:110px;padding:.8rem 1rem}.touch-btn.primary{background:#22c55e;color:#0f172a}.touch-btn-note{font-size:.85rem;color:#475569}.touch-actions{display:flex;gap:1rem;flex-wrap:wrap}.touch-btn.active{background:#fbbf24}.roll-info{display:grid;gap:.2rem;font-size:1.1rem}.roll-info-actions{margin-top:.5rem}.toggle{display:flex;align-items:center;gap:.5rem;font-weight:600}.orders-table input{width:90px}.hint{margin-top:.5rem;color:#64748b}.summary-row{display:flex;gap:1rem;flex-wrap:wrap;font-weight:600;color:#0f172a}.difference{color:inherit}.difference.negative{color:#dc2626}.journal-details{margin:0;padding-left:1rem;font-size:.95rem;color:#475569;list-style:disc}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;justify-content:space-between}nav{flex-direction:row;flex-wrap:wrap}}