:root{color-scheme:light;--bg: #f4f7fb;--surface: #ffffff;--surface-alt: #e9eff8;--text: #15304a;--muted: #5f7489;--primary: #0f766e;--primary-soft: #d7f3ee;--accent: #f59e0b;--border: #d4deea}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;background:linear-gradient(180deg,#f8fbff 0%,var(--bg) 100%);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{min-height:100vh}.page-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 14px 40px #15304a14}.page-title{margin:0 0 8px;font-size:1.5rem;font-weight:700}.page-subtitle{margin:0;color:var(--muted)}.status-banner{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--border)}.status-banner.success{background:#ecfdf3;color:#027a48;border-color:#abefc6}.status-banner.error{background:#fef3f2;color:#b42318;border-color:#fecdca}button:disabled{opacity:.6;cursor:not-allowed}.locale-toggle{padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer}.locale-toggle-dark{background:#ffffff1f;border-color:#ffffff38;color:#fff}body.drawer-open{overflow:hidden}.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;position:relative}.admin-shell-backdrop{display:none}.admin-sidebar{padding:24px;background:#17324a;color:#fff;position:relative;z-index:30}.admin-sidebar-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.admin-sidebar-title{margin:0}.admin-sidebar-subtitle{margin:0;color:#ffffffbf}.admin-sidebar-actions{display:flex;gap:8px;align-items:center}.admin-sidebar-close{display:none;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#fff;cursor:pointer}.admin-sidebar-nav{display:grid;gap:12px;margin-top:20px}.admin-sidebar-link{display:block;padding:10px 12px;border-radius:12px;color:#ffffffeb;transition:background .2s ease,color .2s ease}.admin-sidebar-link.router-link-active{background:#ffffff24;color:#fff}.admin-sidebar-link:hover{background:#ffffff1a}.admin-main{min-width:0;padding:32px}.admin-main-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.admin-main-toolbar-start{display:flex;align-items:center;gap:12px}.admin-menu-button,.admin-logout-button{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer}.admin-menu-button{display:none}.admin-user-role{margin:4px 0 0;color:var(--muted)}@media (max-width: 1366px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-shell-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a66;z-index:20}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(320px,84vw);max-width:100%;overflow-y:auto;transform:translate(-100%);transition:transform .24s ease;box-shadow:0 24px 60px #0f172a47}.admin-sidebar-open{transform:translate(0)}.admin-sidebar-close,.admin-menu-button{display:inline-flex;align-items:center;justify-content:center}.admin-main{padding:24px 18px}}@media (max-width: 767px){.admin-main{padding:20px 16px}.admin-main-toolbar{align-items:flex-start}.admin-main-toolbar-start,.admin-logout-button{width:100%}}