*{box-sizing:border-box}body{margin:0;color:#123468;background:#f3f9fd;font-family:Arial,sans-serif}a{color:inherit}.topbar{height:80px;padding:6px 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dbe8f2}.topbar>img{width:150px;height:68px;object-fit:contain}.topbar div{display:flex;gap:10px;align-items:center}.topbar a,.topbar button,.admin-header>a{border:1px solid #d3e3ee;background:#fff;border-radius:9px;padding:10px 14px;text-decoration:none;color:#124d7a;cursor:pointer}.hero{min-height:600px;display:grid;place-items:center;padding:55px 16px;background:linear-gradient(rgba(242,250,255,.58),rgba(245,251,255,.74)),url('medical-background.png') center/cover}.card{width:min(100%,510px);padding:38px 46px;text-align:center;background:rgba(255,255,255,.96);border:1px solid #d9e8f2;border-radius:28px;box-shadow:0 25px 70px rgba(20,70,105,.13)}.avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;background:linear-gradient(145deg,#dff3ff,#64b8e7);color:#064f91;font-size:30px;font-weight:bold;border:5px solid #fff}.eyebrow{color:#c40012;font-size:11px;letter-spacing:.16em;font-weight:bold}.card h1{font-size:36px;margin:8px 0}.card>p:not(.eyebrow){color:#657a90}.card blockquote{color:#728397;font-family:Georgia,serif;font-style:italic;line-height:1.6;margin:24px 0}.quick{border-top:1px solid #dbe8f2;padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick a{text-decoration:none;display:grid;gap:8px;justify-items:center;font-size:22px;color:#0878bd}.quick small{font-size:11px;color:#60778c}.primary{border:0;border-radius:11px;padding:13px 18px;background:linear-gradient(100deg,#006cb9,#087fc9 70%,#c40012);color:#fff;font-weight:bold;cursor:pointer}.card>.primary{width:100%}.contacts{width:min(100%,740px);margin:auto;padding:65px 16px 80px;text-align:center}.contacts h2{font-size:28px}.contacts>a{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:center;text-align:left;text-decoration:none;background:#fff;border:1px solid #dbe8f2;border-radius:13px;padding:15px;margin:9px}.contacts>a b{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e8f5fd;color:#087fc9}.contacts>a span{display:grid;gap:3px}.contacts small{color:#7b8d9d}.contacts strong{font-size:14px}footer{text-align:center;padding:35px;background:#eaf5fb;border-top:1px solid #dbe8f2;color:#697e91;font-size:12px}footer img{width:140px;height:90px;object-fit:contain}.auth-page{min-height:100vh;display:grid;place-items:center;padding:25px 15px;background:linear-gradient(rgba(239,248,254,.76),rgba(239,248,254,.86)),url('medical-background.png') center/cover fixed}.auth-card,.editor{width:min(100%,460px);background:#fff;border:1px solid #d8e8f3;border-radius:24px;padding:32px;box-shadow:0 24px 75px rgba(15,76,120,.16);text-align:center}.auth-card>img{width:175px;height:100px;object-fit:contain}.auth-card h1{margin:5px 0 20px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf4f8;padding:4px;border-radius:10px;margin-bottom:20px}.tabs button{border:0;padding:10px;background:transparent;border-radius:8px;cursor:pointer}.tabs .active{background:#fff;color:#006cb9;font-weight:bold}.stack,.auth-card form{display:grid;gap:14px;text-align:left}label{display:grid;gap:7px;font-size:12px;font-weight:bold;color:#526b83}input,textarea{width:100%;border:1px solid #d6e2ea;border-radius:10px;padding:12px;outline:none}input:focus,textarea:focus{border-color:#006cb9;box-shadow:0 0 0 3px #dff3ff}.error{color:#b80012;background:#fff0f1;padding:10px;border-radius:8px}.success{color:#26764e;background:#e8f7ef;padding:10px;border-radius:8px}.auth-card>a{display:inline-block;margin-top:20px;text-decoration:none;color:#5d7990}.admin-page{min-height:100vh;padding:25px;background:#eef6fb}.admin-header{max-width:1180px;margin:0 auto 20px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #dbe8f2;border-radius:18px;padding:12px 20px}.admin-header img{width:125px;height:68px;object-fit:contain}.admin-header div{flex:1}.admin-header h1,.admin-header p{margin:3px}.admin-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}.panel{background:#fff;border:1px solid #dbe8f2;border-radius:18px;padding:23px}.panel>p{color:#6c8091;font-size:12px;line-height:1.5}.notice{margin-top:16px;padding:13px;background:#eaf7ff;border-radius:10px;display:grid;gap:7px;font-size:12px}.employee{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #e2edf3}.employee .avatar{width:40px;height:40px;margin:0;border:0;font-size:16px}.employee>div:nth-child(2){display:grid;gap:3px}.employee span{font-size:11px;color:#718496}.status{width:max-content;padding:3px 7px;border-radius:10px;font-size:10px}.status.active{background:#e8f7ef;color:#26764e}.status.pending{background:#fff4df;color:#95650a}.status.disabled{background:#fff0f1;color:#a60010}.actions,.actions form{display:flex;gap:5px}.actions a,.actions button{border:1px solid #d6e2ea;background:#fff;border-radius:7px;padding:6px;font-size:10px;text-decoration:none;cursor:pointer}.editor{width:min(100%,760px);text-align:left}.editor header{display:flex;align-items:center;gap:16px}.editor header img{width:120px;height:72px;object-fit:contain}.editor header div{flex:1}.editor header a{text-decoration:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:90px}.form-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.form-actions a{text-decoration:none;color:#24658f}
.card-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-buttons .primary{width:100%}.qr-button{border:1px solid #087fc9;border-radius:11px;padding:13px 15px;background:#fff;color:#006cb9;font-weight:bold;cursor:pointer}.qr-modal[hidden]{display:none}.qr-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(8,34,62,.62)}.qr-modal section{width:min(100%,420px);position:relative;padding:32px;text-align:center;background:#fff;border-radius:22px;box-shadow:0 25px 70px rgba(0,30,60,.3)}.qr-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:#edf4f8;color:#123468;font-size:24px;cursor:pointer}.qr-modal h2{margin:6px 0 20px}.qr-frame{width:240px;height:240px;padding:10px;margin:0 auto 16px;border:1px solid #dbe8f2;border-radius:16px;background:#fff}.qr-frame img{width:100%;height:100%;display:block}.qr-modal>section>strong,.qr-modal>section>span{display:block}.qr-modal>section>span{margin-top:5px;color:#6b7f92;font-size:12px}.qr-modal>section>p:not(.eyebrow){color:#6b7f92;font-size:13px;line-height:1.5}.contacts>a[href*="zalo.me"] strong{font-size:0}.contacts>a[href*="zalo.me"] strong:after{content:"Kết nối qua Zalo";font-size:14px}.modal-open{overflow:hidden}@media(max-width:700px){.card{padding:30px 20px}.card h1{font-size:29px}.card-buttons{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-page{padding:10px}.employee{grid-template-columns:42px 1fr}.actions{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.editor header{flex-wrap:wrap}}