*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f9;color:#1d2633;display:flex}aside{width:230px;min-height:100vh;background:#172033;color:#fff;padding:20px;position:sticky;top:0}aside a{display:block;color:#dce5f4;text-decoration:none;padding:10px 0}main{padding:28px;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.card{background:#fff;border-radius:12px;padding:18px;margin:0 0 16px;box-shadow:0 2px 10px #00000012}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}input,button{padding:11px;border-radius:8px;border:1px solid #ccd3df}button{background:#1769e0;color:#fff;border:0;cursor:pointer;font-weight:bold}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #e6e9ef;text-align:left}.notice{background:#fff3cd;padding:12px;border-radius:8px;margin-bottom:15px}.error{color:#b00020}.login{display:flex;min-height:100vh;align-items:center;justify-content:center}.login form{width:360px}.login input{width:100%;margin:7px 0}.label{background:#fff}.barcode{max-width:100%}@media(max-width:800px){body{display:block}aside{width:100%;min-height:auto;position:static}aside a{display:inline-block;margin-right:12px}main{padding:16px;overflow:auto}table{font-size:12px}}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.two-col{grid-template-columns:1fr}}

/* v1.4.1 UI Navigation */
aside a{display:block}.grid a.card{display:block;transition:transform .15s ease,box-shadow .15s ease}.grid a.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.12)}