:root{--sidebar:#072d68;--bg:#f3f6fb}body{font-family:"Sarabun","Noto Sans Thai",system-ui,sans-serif;background:var(--bg);color:#14213d}.admin-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#06275e,#0a4ba8);color:white;padding:22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:1030}.sidebar-brand{font-size:1.15rem;font-weight:800;line-height:1.2;margin-bottom:28px}.sidebar-brand small{font-size:.78rem;opacity:.75;letter-spacing:.1em}.sidebar .nav-link{color:rgba(255,255,255,.78);border-radius:10px;padding:10px 12px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.15);color:white}.sidebar-footer{margin-top:auto}.admin-main{margin-left:260px;width:calc(100% - 260px)}.admin-topbar{height:78px;background:white;border-bottom:1px solid #e6ebf3;display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:1020}.admin-content{padding:28px}.stat-card,.panel{background:white;border:1px solid #e7edf6;border-radius:16px;box-shadow:0 5px 20px rgba(25,55,100,.05)}.stat-card{padding:22px;display:flex;align-items:center;gap:18px}.stat-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:#eaf3ff;font-size:1.45rem}.panel-header{padding:18px 20px;border-bottom:1px solid #edf1f7}.table>thead th{font-size:.82rem;color:#5b6980;background:#f8fafc;white-space:nowrap}.record-card{padding:14px;border-radius:12px;background:#f8fafc;margin-bottom:10px}.note-item{background:#f7f8fb;border-left:3px solid #0b5ed7;padding:10px 12px;margin-bottom:10px;border-radius:8px}.note-item small{color:#6c757d}.timeline{border-left:2px solid #dbe8f8;padding-left:18px}.timeline-item{position:relative;padding-bottom:18px}.timeline-item:before{content:"";position:absolute;left:-24px;top:4px;width:10px;height:10px;border-radius:50%;background:#0b5ed7}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#2b7fe5,transparent 35%),linear-gradient(135deg,#061e47,#0b4da8);padding:20px}.login-card{width:min(430px,100%);background:white;border-radius:22px;padding:36px}.login-logo{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#0b5ed7,#093878);color:white;display:grid;place-items:center;font-size:2rem;font-weight:800;margin:auto}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.admin-main{margin-left:0;width:100%}.admin-content{padding:18px}.admin-topbar{padding:0 18px}}


.sidebar .nav-link,
.sidebar .nav-link span,
.sidebar .sidebar-brand,
.sidebar .sidebar-footer,
.sidebar .sidebar-footer a {
    color: #ffffff !important;
    opacity: 1 !important;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .2);
}