@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans Thai,system-ui,sans-serif;color:#10213d;background:#f3f6fa;font-synthesis:none;--navy:#0b1f3a;--navy-2:#11345e;--gold:#c6a15b;--gold-dark:#9b742b;--green:#087a46;--blue:#1766c1;--amber:#c9690c;--red:#c52d35;--teal:#147b7c;--muted:#64748b;--line:#dbe2ea;--surface:#fff;--shadow:0 10px 30px rgba(11,31,58,.09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f6fa}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:14px;color:#fff}.brand__mark{display:grid;place-items:center;width:54px;height:54px;border:2px solid var(--gold);color:var(--gold);font:700 23px Georgia,serif}.brand span:last-child{display:grid;gap:2px}.brand strong{color:var(--gold);font:600 20px/1.1 Georgia,serif;letter-spacing:.13em}.brand small{font-size:10px;letter-spacing:.14em;color:#dbe6f3}.brand--compact .brand__mark{width:42px;height:42px;font-size:18px}.brand--compact strong{font-size:17px}.brand--compact small{font-size:8px}.config-gate,.mobile-state,.binding-page,.admin-login{min-height:100vh;display:grid;place-items:center;align-content:center;gap:28px;padding:28px;background:var(--navy)}.config-gate>section,.binding-card,.admin-login form{width:min(100%,460px);background:#fff;border-radius:16px;padding:30px;box-shadow:var(--shadow);text-align:center}.config-gate svg,.mobile-state>svg,.binding-card>svg,.admin-login form>svg{width:42px;height:42px;color:var(--gold-dark)}.config-gate h1,.mobile-state h1,.binding-card h1,.admin-login h1{margin:14px 0 8px;font-size:23px}.config-gate p,.mobile-state p,.binding-card p,.admin-login p{color:var(--muted);line-height:1.65}.mobile-state{color:#fff;text-align:center}.mobile-state .primary-button{width:auto}.mobile-state p{color:#dbe6f3}.mobile-page{min-height:100vh;max-width:520px;margin:0 auto;background:#f7f9fc;box-shadow:0 0 40px #0b1f3a1f}.mobile-header{background:var(--navy);padding:max(16px,env(safe-area-inset-top)) 22px 16px}.mobile-content{padding:18px 18px calc(28px + env(safe-area-inset-bottom))}.person-row{display:flex;gap:13px;align-items:center;margin-bottom:16px}.person-avatar{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--gold)}.person-avatar svg{width:27px}.person-row h1{font-size:21px;margin:0}.person-row p{margin:2px 0 0;font-size:13px;color:var(--muted)}.clock-panel,.location-panel{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;margin-bottom:12px}.clock-panel>svg,.location-panel>svg{color:var(--navy-2);flex:0 0 auto}.clock-panel div,.location-panel div{display:grid;min-width:0;flex:1}.clock-panel span,.location-panel span{color:var(--muted);font-size:12px}.clock-panel strong,.location-panel strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clock-panel time{font-size:22px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}.location-panel small{color:var(--green);margin-top:2px}.action-stack{display:grid;gap:10px;margin:16px 0}.attendance-action{min-height:88px;border:0;border-radius:14px;color:#fff;display:flex;align-items:center;gap:18px;padding:12px 22px;box-shadow:0 6px 14px #0b1f3a1f;transition:transform .15s ease,box-shadow .15s ease}.attendance-action:active{transform:scale(.985);box-shadow:none}.attendance-action span{width:58px;height:58px;display:grid;place-items:center;background:#fff;border-radius:50%}.attendance-action svg{width:31px;height:31px}.attendance-action strong{font-size:28px;line-height:1}.attendance-action--in{background:#087a46}.attendance-action--in span{color:#087a46}.attendance-action--out{background:#df780c}.attendance-action--out span{color:#df780c}.attendance-action--field{background:#0d315b}.attendance-action--field span{color:#0d315b}.today-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;margin-top:16px}.today-panel h2{margin:0 0 4px;font-size:17px}.today-panel h2 small{font-weight:500;color:var(--muted)}.today-row{display:grid;grid-template-columns:32px 100px 1fr;align-items:center;min-height:48px;border-top:1px solid #e8edf2;font-size:14px}.today-row__icon{color:var(--navy);display:flex}.today-row__icon svg{width:20px}.today-row>strong{justify-self:end;text-align:right}.text-success{color:var(--green)}.text-review{color:var(--amber)}.privacy-note{display:flex;gap:7px;align-items:flex-start;color:var(--muted);font-size:11px;line-height:1.5;margin:18px 8px 0}.privacy-note svg{flex:0 0 auto;width:17px}.notice{border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.5;display:flex;align-items:flex-start;gap:8px;margin:10px 0}.notice svg{width:20px;flex:0 0 auto}.notice--success{background:#e9f7ef;color:#08683d;border:1px solid #bee2cd}.notice--error{background:#fff0f0;color:#a51f28;border:1px solid #f1c8cb}.binding-page{align-content:start;padding-top:max(38px,env(safe-area-inset-top))}.binding-card{text-align:left}.binding-card>svg{display:block;margin:0 auto}.binding-card h1,.binding-card>p,.binding-card>small{text-align:center;display:block}.binding-card>small{color:var(--muted);margin-top:15px}.binding-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf1f6;padding:3px;border-radius:10px;margin:18px 0}.binding-tabs button{background:transparent;border:0;border-radius:8px;min-height:45px;color:var(--muted);font-size:12px;padding:6px}.binding-tabs button.active{background:#fff;color:var(--navy);font-weight:700;box-shadow:0 2px 8px #0b1f3a17}label{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:600}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 11px;color:#10213d;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#8e6b2a;box-shadow:0 0 0 3px #c6a15b29}textarea{min-height:78px;resize:vertical}.primary-button,.secondary-button,.danger-button{min-height:42px;border-radius:8px;border:1px solid transparent;padding:8px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:13px}.primary-button{background:var(--navy);color:#fff}.secondary-button{background:#fff;border-color:#cbd5e1;color:var(--navy)}.danger-button{background:var(--red);color:#fff}.primary-button svg,.secondary-button svg,.danger-button svg{width:17px}.binding-card form{display:grid;gap:13px}.binding-confirm{display:grid;gap:5px;padding:14px;border:1px solid #d8e0e8;border-radius:10px;background:#f7f9fc;margin:17px 0;text-align:center}.binding-confirm span,.binding-confirm small{color:var(--muted);font-size:12px}.binding-confirm strong{font-size:19px}.text-button{background:none;border:0;color:#8a641f;text-decoration:underline;font-size:11px;margin-top:5px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#0412239e;display:grid;place-items:end center;padding-top:30px}.modal{width:min(100%,520px);max-height:92vh;overflow:auto;background:#fff;border-radius:18px 18px 0 0;padding:20px;box-shadow:0 -12px 40px #0003;display:grid;gap:14px}.modal>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.modal h2{margin:0;font-size:20px}.modal>header button{background:none;border:0;color:var(--muted);padding:4px}.modal>header svg{width:22px}.confirmation-summary,.audit-warning{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:10px;background:#eef4fb}.confirmation-summary>svg,.audit-warning>svg{color:var(--navy);flex:0 0 auto}.confirmation-summary div,.audit-warning div{display:grid}.confirmation-summary span,.audit-warning span{font-size:12px;color:var(--muted);line-height:1.55}.audit-warning{background:#fff7e7;border:1px solid #efd7a8}.audit-warning>svg{color:var(--amber)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:14px}.admin-app{min-height:100vh;display:flex;background:#f5f7fa}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);color:#fff;padding:22px 16px;display:flex;flex-direction:column}.admin-sidebar>a{padding:0 5px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.admin-sidebar nav{display:grid;gap:6px;margin-top:22px}.admin-sidebar nav a,.sidebar-logout{display:flex;gap:10px;align-items:center;min-height:46px;border-radius:7px;padding:0 12px;color:#cbd8e8;font-size:13px}.admin-sidebar nav a svg,.sidebar-logout svg{width:19px}.admin-sidebar nav a.active{background:#8b6b30;color:#fff;box-shadow:inset 3px 0 var(--gold)}.sidebar-logout{margin-top:auto;border:0;background:transparent;width:100%}.admin-main{margin-left:240px;width:calc(100% - 240px);min-width:0}.admin-topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:11px}.admin-topbar strong{font-size:12px}.admin-content{padding:25px 28px 40px}.admin-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px}.admin-title h1{margin:0;font-size:28px}.admin-title p{margin:2px 0 0;color:var(--muted);font-size:12px}.admin-title>div:last-child{display:flex;gap:8px}.metrics-strip{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}.metrics-strip>div{min-height:93px;display:grid;place-items:center;align-content:center;gap:4px;border-right:1px solid var(--line);text-align:center}.metrics-strip>div:last-child{border:0}.metrics-strip span{font-size:11px;color:#334155}.metrics-strip strong{font-size:27px}.metric-navy{color:var(--navy)}.metric-green{color:var(--green)}.metric-blue{color:var(--blue)}.metric-amber{color:var(--amber)}.metric-teal{color:var(--teal)}.metric-red{color:var(--red)}.metric-gold{color:var(--gold-dark)}.filter-bar{display:grid;grid-template-columns:180px 1fr 1fr 1fr auto;align-items:end;gap:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:14px}.filter-bar label{font-size:11px}.filter-bar input,.filter-bar select{height:38px;padding:7px 9px;font-size:12px}.filter-submit{height:38px;min-height:38px}.attendance-table-panel{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:280px;overflow:hidden}.table-scroll{overflow:auto}.attendance-table-panel table{width:100%;border-collapse:collapse;min-width:1050px}.attendance-table-panel th{position:sticky;top:0;background:#f5f7fa;text-align:left;padding:10px 9px;border-bottom:1px solid var(--line);color:#26364f;font-size:11px;white-space:nowrap}.attendance-table-panel td{border-bottom:1px solid #e7ecf1;padding:9px;font-size:11px;vertical-align:middle}.attendance-table-panel td:first-child strong,.attendance-table-panel td:first-child small{display:block}.attendance-table-panel td:first-child small{color:var(--muted);margin-top:2px}.row-review{background:#fff8e9}.status-label{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700;white-space:nowrap}.status-label svg{width:12px;height:12px}.status-label--ok{color:#14653e;background:#e8f5ed}.status-label--review{color:#a35a08;background:#fff0cf}.status-label--negative{color:#ad2530;background:#ffeaec}.table-action{display:inline-flex;align-items:center;gap:4px;border:1px solid #d2d9e2;background:#fff;border-radius:5px;padding:5px 7px;color:var(--navy);font-size:9px;white-space:nowrap}.table-action svg{width:12px}.table-loading,.empty-table,.admin-loading{min-height:240px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.admin-login{background:#eef2f7}.admin-login>.brand{background:var(--navy);padding:18px 22px;border-radius:10px}.admin-login form{display:grid;gap:14px;text-align:left}.admin-login form>svg{margin:auto}.admin-login h1,.admin-login p{text-align:center}.admin-login .primary-button{width:100%}.settings-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.settings-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px}.settings-panel>header{display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:15px}.settings-panel>header svg{color:var(--gold-dark)}.settings-panel h2{margin:0;font-size:18px}.settings-panel p{margin:2px 0 0;color:var(--muted);font-size:11px}.location-editor{display:grid;grid-template-columns:1.3fr .7fr .7fr .6fr;gap:10px;align-items:end;padding:15px 0;border-bottom:1px solid var(--line)}.location-editor>div{display:grid;align-self:center}.location-editor small{color:var(--muted);font-size:10px}.location-editor label{font-size:10px}.location-editor input{height:37px;font-size:11px}.location-editor .toggle-line{grid-column:1/4;display:flex;flex-direction:row;align-items:center}.toggle-line input{width:17px;height:17px}.location-editor button{justify-self:end}.profile-form{display:grid;gap:12px}.profile-form .primary-button{margin-top:5px}.database-health{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:9px;padding:14px 16px;margin-bottom:16px}.database-health svg{color:var(--green)}.database-health h2,.database-health p{margin:0}.database-health h2{font-size:15px}.database-health p,.database-health small{color:var(--muted);font-size:11px}.database-health strong{color:var(--green)}.database-health small{grid-column:2/-1}.database-health--forecast_required{border-left-color:var(--amber)}.database-health--forecast_required svg,.database-health--forecast_required strong{color:var(--amber)}.database-health--upgrade_required{border-left-color:var(--red)}.database-health--upgrade_required svg,.database-health--upgrade_required strong{color:var(--red)}@media(max-width:900px){.admin-sidebar{width:74px;padding:16px 10px}.admin-sidebar .brand span:last-child,.admin-sidebar nav a:not(.active){font-size:0}.admin-sidebar .brand__mark{width:42px}.admin-sidebar nav a{justify-content:center;padding:0}.admin-sidebar nav a svg{width:21px}.sidebar-logout{font-size:0;justify-content:center}.admin-main{margin-left:74px;width:calc(100% - 74px)}.admin-content{padding:18px 14px 30px}.metrics-strip{grid-template-columns:repeat(4,1fr)}.metrics-strip>div{border-bottom:1px solid var(--line)}.filter-bar{grid-template-columns:1fr 1fr}.filter-submit{width:100%}.settings-grid{grid-template-columns:1fr}.location-editor{grid-template-columns:1fr 1fr}.location-editor>div{grid-column:1/-1}.location-editor .toggle-line{grid-column:1/-1}}@media(max-width:520px){.mobile-page{max-width:none;box-shadow:none}.attendance-action{min-height:82px}.attendance-action strong{font-size:26px}.clock-panel{display:grid;grid-template-columns:auto 1fr}.clock-panel time{grid-column:1/-1;justify-self:center;font-size:28px}.modal{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.admin-title{align-items:flex-start;flex-direction:column}.metrics-strip{grid-template-columns:repeat(2,1fr)}.filter-bar{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}