.hero-brand-clinic{gap:16px}.login-clinic-logo{width:72px;height:72px;object-fit:contain;border-radius:50%;flex:0 0 72px;background:#fff;box-shadow:0 8px 24px #00000029}.hero-brand-clinic strong{font-size:24px;line-height:1.15}.hero-brand-clinic span{margin-top:4px;font-size:14px}.login-credit{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.login-credit>small{opacity:.95;font-size:13px}.login-credit-line{width:54px;height:2px;margin:9px 0 5px;border-radius:2px;background:#ffffff73}.login-credit>span{font-size:12px;opacity:.72}.login-credit>strong{font-size:15px;letter-spacing:.01em}.login-card-mobile-brand,.login-card-credit{display:none}@media(max-width:760px){.login-card-mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e7edf5}.login-card-mobile-brand img{width:58px;height:58px;object-fit:contain;border-radius:50%}.login-card-mobile-brand div{display:flex;flex-direction:column}.login-card-mobile-brand strong{font-size:16px;color:#17243d}.login-card-mobile-brand span{margin-top:3px;font-size:11px;color:#7888a2}.login-card-credit{display:block;margin-top:22px;padding-top:17px;border-top:1px solid #edf1f5;text-align:center;color:#8290a5;font-size:11px}.login-card-credit strong{color:#52627b}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17243d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.center{height:100vh;display:grid;place-items:center}.spinner{width:38px;height:38px;border:4px solid #d8e2f3;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-hero{padding:7vw;color:#fff;background:linear-gradient(145deg,#2563eb,#12347d);display:flex;flex-direction:column;justify-content:space-between}.hero-brand{display:flex;align-items:center;gap:14px}.hero-brand div{display:flex;flex-direction:column}.hero-brand strong{font-size:22px}.hero-brand span{opacity:.75;font-size:13px}.login-hero h1{font-size:48px;line-height:1.08;max-width:680px;margin:0 0 20px}.login-hero p{font-size:19px;line-height:1.65;max-width:650px;opacity:.9}.login-panel{display:grid;place-items:center;padding:36px;background:#f8fafc}.login-card{width:min(480px,100%);background:#fff;border:1px solid #dde5ef;border-radius:20px;padding:38px;box-shadow:0 25px 70px #1b335d1a}.login-card h2{margin:0;font-size:30px}.login-card>p{color:#72819a;margin:6px 0 28px}.login-card label{display:block;font-weight:700;margin:18px 0 8px}.input-box{display:flex;align-items:center;gap:10px;border:1px solid #d8e1ed;border-radius:11px;padding:0 13px}.input-box input{width:100%;padding:13px 0;border:0;outline:0}.wide{width:100%;margin-top:20px}.app-shell{min-height:100vh;display:grid;grid-template-columns:310px 1fr}.sidebar{background:#11264c;color:#dce8ff;padding:22px 15px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column}.brand{display:flex;align-items:flex-start;gap:12px;padding:5px 8px 24px}.brand-logo{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:transparent;overflow:hidden;flex:0 0 50px}.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy>strong{color:#fff;font-size:16px;line-height:1.2}.sidebar-clinic-address{display:flex;flex-direction:column;margin-top:6px;gap:1px}.sidebar-clinic-address span{font-size:10.5px;line-height:1.28;color:#b8c9e5;font-weight:500}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{border:0;background:transparent;color:#b4c3dd;text-decoration:none;display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;width:100%;font-weight:700}.nav-link:hover,.nav-link.active{color:#fff;background:#1c3a70}.logout{margin-top:auto}.main{min-width:0}.topbar{padding:20px 28px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0;font-size:25px}.topbar p{margin:4px 0 0;color:#7888a2;font-size:13px}.online{font-size:12px;border:1px solid #bde4c9;color:#157845;background:#ecfbf2;padding:7px 10px;border-radius:999px}.page{padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid #dfe7f0;border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px}.stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#2563eb;background:#eef5ff}.stat-label{color:#74849b;font-size:13px}.stat-value{font-size:29px;font-weight:800}.stat-hint{color:#98a4b4;font-size:12px}.card{background:#fff;border:1px solid #dfe7f0;border-radius:16px;overflow:hidden}.card-head{padding:19px 21px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;align-items:center}.card-head h3{margin:0}.card-head p{margin:4px 0 0;color:#7f8da4;font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #edf2f6;white-space:nowrap}th{background:#fbfcfe;color:#77859a;font-size:12px;text-transform:uppercase;letter-spacing:.04em}td{font-size:14px}.empty{text-align:center;color:#8a97aa;padding:40px}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:#2563eb;color:#fff}.btn.primary:hover{background:#1d4ed8}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:#eef3f9;color:#31425f}.alert{padding:11px 12px;border-radius:10px;margin-top:14px;font-size:13px}.alert.error{color:#9d2d26;background:#fff1f0;border:1px solid #fac5c0}.attendance-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.attendance-card{padding-bottom:22px}.big-search{margin:22px;display:flex;gap:10px;align-items:center;border:2px solid #dce4ee;border-radius:14px;padding:0 15px}.big-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.big-search input{width:100%;border:0;outline:0;padding:17px 0;font-size:17px}.search-results{margin:0 22px 20px;border:1px solid #dfe7f0;border-radius:13px;overflow:hidden}.search-result{width:100%;border:0;border-bottom:1px solid #edf2f6;background:#fff;padding:14px 16px;display:flex;justify-content:space-between;text-align:left}.search-result:hover{background:#f8fbff}.search-result div:first-child{display:flex;flex-direction:column}.search-result span{margin-top:3px;color:#72829a;font-size:13px}.right-muted{color:#8491a4;font-size:13px;text-align:right}.selected{margin:0 22px 20px;padding:17px;border-radius:14px;background:#f1f7ff;border:1px solid #d0e0fa;display:flex;align-items:center;justify-content:space-between}.selected span{font-size:11px;text-transform:uppercase;color:#6880a5}.selected h3{margin:4px 0}.selected p,.selected small{color:#5a7193;margin:2px 0}.mark{width:calc(100% - 44px);margin:0 22px;padding:15px}.notice{margin:18px 22px 0;padding:14px;border-radius:12px;display:flex;gap:12px}.notice div{display:flex;flex-direction:column}.notice span{margin-top:3px;font-size:13px}.notice.success{color:#126a40;background:#ecfdf3;border:1px solid #bce7cc}.notice.warning{color:#875600;background:#fff7e5;border:1px solid #eed79d}.notice.error{color:#8e2727;background:#fff1f1;border:1px solid #f1c4c4}.side-stat{background:#fff;border:1px solid #dfe7f0;border-radius:14px;padding:17px;display:flex;gap:13px;align-items:center;margin-bottom:13px;color:#2563eb}.side-stat div{display:flex;flex-direction:column}.side-stat span{color:#77869b;font-size:12px}.side-stat strong{color:#17243d}.dark-note{background:#11264c;color:#fff;border-radius:14px;padding:17px}.dark-note p{margin-bottom:0;color:#b8c6dc;font-size:13px;line-height:1.55}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.small-search{width:min(430px,100%);background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px}.small-search input{width:100%;padding:11px 0;border:0;outline:0}.badge{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:750}.active-badge{background:#eaf9ef;color:#137842}.inactive-badge{background:#eef1f5;color:#6e7889}.actions{display:flex;gap:5px}.icon-btn{border:0;background:#f0f4f8;color:#46556c;border-radius:8px;padding:8px;display:inline-grid;place-items:center}.icon-btn.danger{color:#b83b3b}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b172b9e;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(720px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 30px 90px #00000040}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h3{margin:0}.modal-head p{margin:4px 0;color:#7c899c;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px}.form-grid input,.form-grid textarea,.report-bar input{padding:10px;border:1px solid #d8e1ed;border-radius:9px;outline:0}.form-grid input:focus,.form-grid textarea:focus,.report-bar input:focus{border-color:#2563eb}.wide-field{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.report-bar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe7f0;border-radius:14px;padding:14px;margin-bottom:16px}.report-bar label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding-bottom:20px}.settings-list{padding:5px 22px 18px}.settings-list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf2f6}.settings-list span{color:#7b879a}.setting-button{margin-left:22px}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.attendance-layout,.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-hero{display:none}.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:16px 9px}.brand-copy,.nav-link span{display:none}.brand{justify-content:center;padding-inline:0}.brand-logo{width:48px;height:48px;flex-basis:48px}.nav-link{justify-content:center}.topbar{padding:15px}.topbar p,.online{display:none}.page{padding:15px}.stats,.form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.toolbar,.report-bar{flex-direction:column;align-items:stretch}.small-search{width:100%}}