*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f6efe7;color:#3f190f}.auth{min-height:100vh;display:grid;place-items:center}.box,.card{background:#fff;padding:22px;border-radius:16px;box-shadow:0 10px 30px #0001}.box{width:min(520px,94%)}label{display:block;font-weight:700;margin:10px 0}input,select{width:100%;padding:10px;margin-top:5px;border:1px solid #d4bda9;border-radius:8px}.btn{display:inline-block;background:#612a1d;color:#fff;padding:10px 14px;border:0;border-radius:8px;text-decoration:none;font-weight:700;cursor:pointer}.muted{background:#e7d4c1;color:#3f190f}.danger{background:#a52b2b}.ok{background:#e4f7e8;padding:10px}.err{background:#ffe3e3;padding:10px}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.nav{background:#4b1f14;color:white;padding:20px}.nav a{display:block;color:#f8e9da;padding:9px;text-decoration:none}.main{padding:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #eadfd5;text-align:left}.thumb{width:65px;height:50px;object-fit:cover;border-radius:8px}.branch{display:inline-flex;gap:6px;align-items:center;padding:8px;background:#f7eee6;margin:4px;border-radius:8px}.branch input{width:auto;margin:0}.rice{display:grid;grid-template-columns:1fr 1fr 120px;gap:8px}@media(max-width:800px){.layout{grid-template-columns:1fr}.grid2,.rice{grid-template-columns:1fr}}