:root{--blue:#087ea4;--navy:#063b55;--aqua:#dff8ff;--red:#c73535;--green:#117e53;--orange:#c36a00}*{box-sizing:border-box}body{margin:0;font:15px system-ui,-apple-system,Segoe UI,sans-serif;color:#16313e;background:#f2f7f8}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;padding:13px 16px;background:var(--blue);color:white;font-weight:700;cursor:pointer}button.alt{background:#e5eef1;color:#183742}button.danger{background:var(--red)}button.warn{background:var(--orange)}button:disabled{opacity:.5}.login{max-width:400px;margin:10vh auto;padding:24px}.login h1{color:var(--navy)}.card{background:#fff;border-radius:14px;padding:16px;margin:12px 0;box-shadow:0 2px 8px #073c4d12}.field{display:grid;gap:5px;margin:10px 0}.field input,.field select,.field textarea{border:1px solid #b9cbd1;border-radius:9px;padding:12px;width:100%;background:white}.top{position:sticky;top:0;z-index:2;background:var(--navy);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.top small{display:block;opacity:.8}.nav{display:flex;gap:7px;overflow:auto;padding:10px;background:#fff;border-bottom:1px solid #dbe7ea}.nav button{white-space:nowrap;padding:9px 12px;background:#e8f2f4;color:#244652}.nav button.active{background:var(--blue);color:#fff}.page{max-width:1100px;margin:auto;padding:10px 14px 40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.metric{padding:14px;border-radius:12px;background:#fff;border-left:5px solid var(--blue)}.metric b{font-size:22px;display:block;margin-top:5px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.status{display:inline-block;padding:4px 8px;border-radius:100px;font-size:12px;font-weight:700;background:#e5eef1}.ready,.returned,.paid,.cash{background:#dff7ea;color:#07613c}.rented,.active,.pending{background:#dff4ff;color:#086080}.maintenance,.cancel_requested{background:#fff0d8;color:#8a5000}.lost,.cancelled{background:#ffe1e1;color:#9b2424}.list{display:grid;gap:9px}.item{background:#fff;border-radius:12px;padding:13px;border:1px solid #e1ebee}.item h3{margin:0 0 5px}.muted{color:#58717b;font-size:13px}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;background:#fff}.table th,.table td{padding:10px;border-bottom:1px solid #e5edef;text-align:left;white-space:nowrap}.notice{padding:11px;border-radius:9px;margin:10px 0;background:#fff0d8;color:#755000}.error{background:#ffe4e4;color:#982b2b}.success{background:#dff7ea;color:#075e38}.big-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.big-actions button{padding:24px 10px;font-size:16px}.photo{max-width:180px;border-radius:8px;display:block;margin-top:8px}.modal{position:fixed;inset:0;background:#0008;z-index:5;overflow:auto;padding:15px}.modal .dialog{background:#fff;max-width:540px;margin:5vh auto;border-radius:15px;padding:18px}.right{text-align:right}.hide{display:none}@media(max-width:600px){.table th,.table td{padding:8px}.page{padding:8px}.top{padding:10px}.big-actions{grid-template-columns:1fr}}.public{min-height:100vh;background:linear-gradient(160deg,#dffaff 0,#f9feff 44%,#f6e9c9 100%)}.public .hero{background:linear-gradient(90deg,#063b55d9 0%,#063b5580 44%,#063b5510 100%),url('/assets/bai-duong-sup-hero.png') center/cover;color:white;padding:60px 20px 72px}.public .inner{max-width:760px;margin:auto}.public h1{font-size:clamp(34px,8vw,58px);margin:0}.public .hero p{font-size:18px;max-width:560px;line-height:1.6}.public .section{padding:28px 20px}.public .section h2{text-align:center;color:var(--navy)}.public .price{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-bottom:1px solid #e2edef}.scan-box{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 20px #063b5524}.scan-box video{width:100%;border-radius:12px;max-height:320px;background:#102e3c}.login-link{color:#fff;text-decoration:underline;float:right;font-size:14px}