@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap');:root{font-family:Sarabun,Arial,sans-serif;color:#182b46;background:#f4f7fc;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1{font-size:1.7rem;margin-bottom:0}h2{font-size:1.2rem;margin-bottom:.4rem}.layout{min-height:100vh;display:flex}.sidebar{width:254px;background:#102d56;color:#fff;display:flex;flex-direction:column;padding:24px 14px;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;padding:8px 12px 32px;font-weight:800;font-size:1.08rem}.brand small{display:block;font-size:.7rem;color:#afc4e6;font-weight:500}.brand-icon,.logo{display:grid;place-items:center;background:#45adf5;color:white;border-radius:13px;width:42px;height:42px;font-weight:800}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:block;padding:12px 15px;border-radius:10px;color:#d4e5fa}.sidebar nav a:hover,.sidebar nav a.active{background:#264b7b;color:#fff}.side-footer{margin-top:auto;padding:20px 14px 4px;font-size:.8rem;color:#aac5e7}.main{padding:28px 36px;width:100%;min-width:0;max-width:1480px;margin:auto;align-self:stretch}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.eyebrow{color:#6b819d;font-size:.84rem}.profile{display:flex;align-items:center;gap:18px}.profile a{color:#176bd2}.welcome{background:linear-gradient(110deg,#1354a0,#24a0de);border-radius:20px;color:white;display:flex;justify-content:space-between;align-items:center;padding:28px 32px;margin-bottom:20px}.welcome h2{font-size:1.5rem}.welcome p{margin:0;color:#e0f2ff}.welcome-mark{font-size:3rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat,.panel{background:#fff;border:1px solid #e5ebf4;border-radius:16px;box-shadow:0 3px 12px #152d5010}.stat{padding:22px}.stat div{color:#617895}.stat strong{display:block;font-size:2.1rem;margin:6px 0}.stat small{color:#8190a5}.panel{padding:25px;margin-bottom:20px}.panel p{color:#708198}.panel-heading{display:flex;justify-content:space-between;align-items:start}.quick{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.quick a{padding:12px 18px;background:#edf6ff;border-radius:9px;color:#1761af;font-weight:700}.notice{padding:15px;background:#fff6df;border:1px solid #f3dfaa;border-radius:9px;color:#775b22}.entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.entry-form label, .auth-card label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,select{width:100%;padding:11px 12px;border:1px solid #cbd8e9;background:white;border-radius:9px;outline:0;font:inherit;color:#1e3550}input:focus,select:focus{border-color:#2989da;box-shadow:0 0 0 3px #2693e622}.form-actions{grid-column:1/-1}.btn{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 18px;font:inherit;cursor:pointer;font-weight:700;white-space:nowrap}.btn.primary{background:#176dcc;color:white}.btn.outline{border-color:#cbd9eb;color:#2465a4;background:white}.btn.danger{color:#be3143;background:#fff0f1}.btn.small{padding:5px 12px;min-height:33px;font-size:.87rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f2f6fc;color:#546987}td,th{padding:13px 15px;border-bottom:1px solid #e8edf4}td{color:#34465e}.actions{display:flex;gap:7px}.empty{text-align:center;padding:28px;color:#8b98ac}.alert{background:#e3f7ec;color:#21633d;padding:12px 16px;border-radius:9px;margin-bottom:20px}.alert.error{color:#a22a3b;background:#ffe9ec}.footer{text-align:center;color:#8190a3;margin:30px auto}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf3ff,#f8fbff);padding:18px}.auth-card{background:white;border:1px solid #e2e9f3;border-radius:20px;padding:36px;width:100%;max-width:430px;box-shadow:0 15px 50px #112d5620}.auth-card .logo{width:60px;height:60px;font-size:1.35rem;margin-bottom:17px}.auth-card h1{font-size:1.5rem}.auth-card p{color:#667891;margin-top:8px}.auth-card form{display:grid;gap:18px;margin-top:24px}.full{width:100%}@media(max-width:950px){.sidebar{width:210px}.main{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.layout{display:block}.sidebar{width:100%;padding:12px}.brand{padding:5px 6px 12px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap;font-size:.85rem;padding:9px}.side-footer{display:none}.main{padding:18px}.topbar{align-items:flex-start}.profile{font-size:.82rem;flex-direction:column;align-items:end;gap:4px}.welcome{padding:20px}.welcome-mark{display:none}.stats{gap:9px}.stat{padding:15px}.panel{padding:15px}.entry-form{grid-template-columns:1fr}.quick{display:grid}.topbar h1{font-size:1.4rem}}