@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&family=Syne:wght@400;600;700;800&display=swap";:root{--brand-navy:#1b1a37;--brand-navy-light:#2c2a52;--brand-blue:#1863dc;--brand-blue-light:#3a7df0;--brand-purple:#6754e9;--brand-purple-light:#8979f0;--brand-green:#4cb27a;--brand-green-light:#6ad099;--brand-cyan:#0077b5;--brand-orange:#e87747;--brand-yellow:#f6c547;--brand-rose:#d4a0b9;--bg-body:#f4f4f4;--bg-card:#fff;--bg-sidebar:#fff;--bg-topbar:#fff;--bg-muted:#f8fafc;--bg-hover:#f1f5f9;--border-color:#e2e8f0;--border-light:#f1f5f9;--text-primary:#212121;--text-secondary:#4a4a4a;--text-muted:#69727d;--text-white:#fff;--sidebar-text:#69727d;--sidebar-text-hover:var(--brand-navy);--sidebar-text-active:var(--brand-navy);--sidebar-hover-bg:#f1f5f9;--sidebar-active-bg:#3cc0c914;--sidebar-section-label:#94a3b8;--sidebar-border:#e2e8f0;--sidebar-user-bg:#f8fafc;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--gradient-brand:linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-purple) 100%);--gradient-accent:linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-purple) 100%);--gradient-warm:linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-yellow) 100%);--nav-btn-next-bg:var(--brand-navy);--nav-btn-next-hover:var(--brand-navy)}[data-theme=dark]{--bg-body:#0f1117;--bg-card:#1a1d2e;--bg-sidebar:#141625;--bg-topbar:#1a1d2e;--bg-muted:#1e2235;--bg-hover:#252940;--border-color:#2a2e42;--border-light:#1e2235;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--text-white:#fff;--sidebar-text:#ffffff8c;--sidebar-text-hover:#fff;--sidebar-text-active:#fff;--sidebar-hover-bg:#ffffff0f;--sidebar-active-bg:#3cc0c91f;--sidebar-section-label:#ffffff40;--sidebar-border:#ffffff0f;--sidebar-user-bg:#ffffff0a;--nav-btn-next-bg:var(--brand-blue);--nav-btn-next-hover:var(--brand-blue-light);--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #00000040, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #0000004d, 0 8px 10px -6px #0003}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;margin:0;font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;font-family:Syne,sans-serif;font-weight:700;line-height:1.2}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass,.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.glass-card{padding:1.5rem}.glass-panel{background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--radius-md)}.form-input,.glass-input{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:.65rem .875rem;font-family:Kanit,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.glass-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1863dc1f}.form-input::placeholder,.glass-input::placeholder{color:var(--text-muted)}.form-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.btn,.btn-primary{background:var(--brand-blue);color:var(--text-white);border-radius:var(--radius-pill);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #1863dc33}.btn:hover,.btn-primary:hover{background:var(--brand-navy);transform:translateY(-2px);box-shadow:0 6px 15px #1b1a3740}.btn:active,.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #1b1c3a26}.btn-secondary{background:var(--bg-card);color:var(--brand-navy);border:1.5px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#cbd5e1}.admin-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;width:260px;min-width:260px;padding:0;display:flex}.sidebar-link{color:var(--sidebar-text);border-radius:var(--radius-sm);align-items:center;margin:0 .75rem .15rem;padding:.7rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:600}.main-content{background:var(--bg-body);flex:1;padding:2rem 2.5rem;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.page-title{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:.875rem 1rem;font-size:.9rem}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--bg-hover)}.table-actions{align-items:center;gap:.5rem;display:flex}.action-link{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s}.action-link:hover{background:var(--bg-hover)}.action-primary{color:var(--brand-purple)}.action-primary:hover{background:#7b519c1a}.action-success{color:var(--brand-green)}.action-success:hover{background:#2eaa6f1a}.action-danger{color:#ef4444}.action-danger:hover{background:#ef44441a}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:99px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--brand-purple);background:#7b519c26}[data-theme=dark] .badge-primary{color:#d8b4fe;background:#7b519c40}.badge-success{color:var(--brand-green);background:#2eaa6f26}[data-theme=dark] .badge-success{color:#6ee7b7;background:#2eaa6f40}.badge-warning{color:#b45309;background:#f6c54726}[data-theme=dark] .badge-warning{color:#fcd34d;background:#f6c54733}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.form-group{margin-bottom:1.5rem}