@import url("https://fonts.googleapis.com/css2?family=Anuphan:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--db-primary:#001958;--db-primary-2:#061954;--db-primary-3:#113077;--db-primary-4:#1d499d;--db-accent:#3980f2;--db-accent-light:#6ba3f5;--db-accent-pale:#d6e8fd;--db-yellow:#fffad2;--db-yellow-mid:#fff3a3;--db-ink:#001958;--db-body:#334155;--db-muted:#64748b;--db-tertiary:#94a3b8;--db-paper:#f5f7ff;--db-panel:#ffffff;--db-faint:#e8eff8;--db-line:#d4ddf0;--db-line-strong:#cbd5e1;--db-success:#22c55e;--db-warning:#f59e0b;--db-danger:#ef4444;--db-radius-sm:8px;--db-radius:12px;--db-radius-lg:16px;--db-shadow:0 2px 12px rgba(0,25,88,0.09);--db-shadow-lg:0 6px 24px rgba(0,25,88,0.14);--font-body:"Anuphan","Noto Sans Thai",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--db-paper);color:var(--db-body);font-family:var(--font-body);font-size:16px;letter-spacing:0;-webkit-font-smoothing:antialiased;text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{left:16px;position:absolute;top:-80px;z-index:200}.skip-link:focus{background:var(--db-primary);border-radius:6px;color:white;padding:10px 14px;top:16px}.db-container{margin:0 auto;max-width:1200px;padding:0 24px}.route-loading{align-items:center;animation:route-fade-in .2s ease-out;display:flex;flex-direction:column;gap:22px;justify-content:center;min-height:60vh}.route-loading.admin{min-height:40vh}.route-loading-spinner{animation:route-spin .8s linear infinite;border-radius:50%;border:3px solid rgba(57,128,242,.2);border-top-color:#3980f2;display:block;height:34px;width:34px}main{animation:route-fade-in .25s ease-out}@keyframes route-spin{to{transform:rotate(1turn)}}@keyframes route-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.route-loading,main{animation:none}}.db-pill{background:var(--db-accent-pale);border:1px solid rgba(57,128,242,.28);border-radius:9999px;color:var(--db-primary-4);font-size:12px;font-weight:700;padding:5px 12px}.db-button,.db-pill{align-items:center;display:inline-flex;gap:8px}.db-button{background:var(--db-primary);border:1.5px solid var(--db-primary);border-radius:6px;color:white;font-size:15px;font-weight:600;justify-content:center;min-height:42px;padding:9px 20px;transition:background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out}.db-button:hover{background:var(--db-primary-3);border-color:var(--db-primary-3);box-shadow:var(--db-shadow);transform:translateY(-1px)}.db-button.secondary{background:transparent;border-color:var(--db-primary);color:var(--db-primary)}.db-button.secondary:hover{background:#eef5ff}.db-header{background:var(--db-primary);border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;z-index:100}.db-header-inner{align-items:center;display:flex;gap:24px;justify-content:space-between;min-height:64px}.db-logo{align-items:center;display:inline-flex;flex:0 0 auto}.db-logo img{display:block;height:auto;object-fit:contain;width:96px}.db-logo-mark{display:none}.db-nav{align-items:center;display:flex;gap:22px;font-size:14px;font-weight:600}.db-nav a{color:rgba(255,255,255,.72);transition:color .15s ease-in-out}.db-nav a:hover{color:white}.db-nav .db-button{background:white;border-color:white;border-radius:9999px;color:var(--db-primary)}.db-nav .db-button:hover{background:var(--db-accent-pale);border-color:var(--db-accent-pale);box-shadow:none}.db-footer{background:linear-gradient(135deg,var(--db-primary) 0,var(--db-primary-4) 100%);color:rgba(255,255,255,.78);margin-top:80px;padding:64px 0}.db-footer strong{color:white}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-sidebar{background:var(--db-primary);color:rgba(255,255,255,.84);padding:24px}.admin-sidebar a{border-radius:8px;display:block;font-size:14px;font-weight:600;margin:4px 0;padding:10px 12px}.admin-sidebar .db-logo{display:inline-flex;margin-left:-4px;padding:0}.admin-sidebar .db-logo img{width:100px}.admin-sidebar a:hover{background:rgba(57,128,242,.2);color:white}.admin-sidebar a.active{background:rgba(57,128,242,.28);color:white}.admin-sidebar-footer{border-top:1px solid rgba(255,255,255,.14);display:grid;gap:2px;margin-top:20px;padding-top:16px}.admin-sidebar-footer a:first-child{color:var(--db-accent-light)}.admin-signout-button{background:none;border:none;border-radius:8px;color:rgba(255,255,255,.84);cursor:pointer;display:block;font:inherit;font-size:14px;font-weight:600;margin:4px 0;padding:10px 12px;text-align:left;width:100%}.admin-signout-button:hover{background:rgba(57,128,242,.2);color:white}.status.archived{background:#e2e8f0;color:#475569}.admin-main{background:var(--db-paper);padding:28px}.admin-card,.surface-card{background:var(--db-panel);border:1px solid var(--db-line);border-radius:var(--db-radius);box-shadow:var(--db-shadow)}.status{border-radius:9999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 10px}.status.published{background:#dcfce7;color:#15803d}.status.draft{background:#fef3c7;color:#b45309}@media (max-width:820px){.db-header-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.db-logo img{width:92px}.db-nav{align-items:center;flex-direction:row;flex-wrap:wrap;gap:12px}.db-nav .db-button{min-height:38px;padding:8px 14px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static}}