.sidebar[data-v-7bb1755a]{position:fixed;top:0;left:0;bottom:0;width:240px;background:var(--sidebar-bg);border-right:none;display:flex;flex-direction:column;z-index:200;overflow:hidden}.sidebar-brand[data-v-7bb1755a]{height:64px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0;background:#00000026}.brand-link[data-v-7bb1755a]{display:flex;align-items:center}.brand-logo[data-v-7bb1755a]{height:28px;filter:brightness(0) invert(1);opacity:.9}.sidebar-section-label[data-v-7bb1755a]{padding:18px 20px 6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-section)}.sidebar-nav[data-v-7bb1755a]{flex:1;overflow-y:auto;padding:4px 10px;display:flex;flex-direction:column;gap:2px}.nav-item[data-v-7bb1755a]{display:flex;align-items:center;gap:13px;padding:10px 14px;border-radius:var(--md-shape-sm);text-decoration:none;color:var(--sidebar-text);font-size:14px;font-weight:500;transition:background .13s,color .13s;position:relative}.nav-item[data-v-7bb1755a]:hover{background:var(--sidebar-bg-hover);color:#fff}.nav-item.router-link-active[data-v-7bb1755a]{background:var(--sidebar-bg-active);color:var(--sidebar-text-active);font-weight:600;box-shadow:0 2px 8px #1565c066}.nav-item.router-link-active .nav-icon[data-v-7bb1755a]{font-variation-settings:"FILL" 1}.nav-icon[data-v-7bb1755a]{font-size:20px;flex-shrink:0;color:inherit}.nav-label[data-v-7bb1755a]{flex:1}.nav-section-label[data-v-7bb1755a]{padding:12px 14px 4px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-section);opacity:.7}.nav-item--sub[data-v-7bb1755a]{padding-left:28px;font-size:13px}.nav-item--sub .nav-icon[data-v-7bb1755a]{font-size:17px}.nav-badge[data-v-7bb1755a]{background:var(--md-error);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:var(--md-shape-full);display:flex;align-items:center;justify-content:center;padding:0 5px}.nav-badge--warn[data-v-7bb1755a]{background:#d97706}.apps-wrap[data-v-7bb1755a]{padding:0 10px 4px;position:relative}.apps-btn[data-v-7bb1755a]{display:flex;align-items:center;gap:13px;width:100%;padding:10px 14px;border-radius:var(--md-shape-sm);border:none;background:transparent;color:var(--sidebar-text);font-family:var(--md-font);font-size:14px;font-weight:500;cursor:pointer;transition:background .13s,color .13s}.apps-btn[data-v-7bb1755a]:hover,.apps-btn.active[data-v-7bb1755a]{background:var(--sidebar-bg-hover);color:#fff}.apps-icon[data-v-7bb1755a]{width:20px;height:20px;object-fit:contain;flex-shrink:0}.apps-chevron[data-v-7bb1755a]{font-size:18px;margin-left:auto;transition:transform .2s}.apps-btn.active .apps-chevron[data-v-7bb1755a]{transform:rotate(180deg)}.apps-popup[data-v-7bb1755a]{background:#1a2f52;border-radius:var(--md-shape-sm);margin:0 4px 8px;padding:12px;border:1px solid rgba(255,255,255,.1)}.apps-loading[data-v-7bb1755a]{display:flex;justify-content:center;padding:12px}.spinner-sm[data-v-7bb1755a]{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin-7bb1755a .7s linear infinite}@keyframes spin-7bb1755a{to{transform:rotate(360deg)}}.apps-grid[data-v-7bb1755a]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.app-item[data-v-7bb1755a]{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:8px;text-decoration:none;color:#ffffffd9;transition:background .13s;text-align:center}.app-item[data-v-7bb1755a]:hover{background:#ffffff1a;color:#fff}.app-item-icon[data-v-7bb1755a]{width:32px;height:32px;object-fit:contain;border-radius:6px}.app-item-icon-fallback[data-v-7bb1755a]{font-size:28px;color:#ffffffb3}.app-item-name[data-v-7bb1755a]{font-size:10px;font-weight:500;line-height:1.3;word-break:break-word}.apps-slide-enter-active[data-v-7bb1755a],.apps-slide-leave-active[data-v-7bb1755a]{transition:opacity .18s,transform .18s}.apps-slide-enter-from[data-v-7bb1755a],.apps-slide-leave-to[data-v-7bb1755a]{opacity:0;transform:translateY(-6px)}.sidebar-footer[data-v-7bb1755a]{flex-shrink:0;padding:0 10px 16px}.sidebar-divider[data-v-7bb1755a]{height:1px;background:var(--sidebar-border);margin:0 0 12px}.user-info[data-v-7bb1755a]{display:flex;align-items:center;gap:10px;padding:8px 8px 6px;border-radius:var(--md-shape-sm);margin-bottom:4px}.user-avatar[data-v-7bb1755a]{width:34px;height:34px;border-radius:var(--md-shape-full);background:var(--sidebar-bg-active);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.avatar-img[data-v-7bb1755a]{width:100%;height:100%;object-fit:cover}.avatar-initial[data-v-7bb1755a]{font-size:14px;font-weight:700;color:#fff}.user-text[data-v-7bb1755a]{flex:1;min-width:0}.user-name[data-v-7bb1755a]{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-7bb1755a]{font-size:11px;color:var(--sidebar-section);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn[data-v-7bb1755a]{display:flex;align-items:center;gap:12px;width:100%;padding:9px 14px;border-radius:var(--md-shape-sm);border:none;background:transparent;color:var(--sidebar-text);font-family:var(--md-font);font-size:14px;font-weight:500;cursor:pointer;transition:background .13s,color .13s}.logout-btn[data-v-7bb1755a]:hover{background:#c6282840;color:#ffcdd2}.logout-btn .material-symbols-outlined[data-v-7bb1755a]{font-size:20px}.mob-toggle[data-v-7bb1755a]{display:none;position:fixed;top:12px;left:12px;z-index:300;width:44px;height:44px;border-radius:var(--md-shape-sm);border:none;background:var(--sidebar-bg);box-shadow:var(--md-elev-2);cursor:pointer;align-items:center;justify-content:center;color:#fff}.mob-overlay[data-v-7bb1755a]{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--md-scrim);z-index:199}@media (max-width: 768px){.mob-toggle[data-v-7bb1755a]{display:flex}.mob-overlay[data-v-7bb1755a]{display:block}.sidebar[data-v-7bb1755a]{transform:translate(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:var(--md-elev-3)}.sidebar.mob-open[data-v-7bb1755a]{transform:translate(0)}}.topbar[data-v-4a4db73a]{position:sticky;top:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant);box-shadow:0 1px 4px #0000000f}.topbar-left[data-v-4a4db73a]{display:flex;align-items:center;gap:12px}.topbar-page-title[data-v-4a4db73a]{font-size:16px;font-weight:700;color:var(--md-on-surface);letter-spacing:-.01em}.topbar-right[data-v-4a4db73a]{display:flex;align-items:center;gap:12px}.topbar-user[data-v-4a4db73a]{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 6px;border-radius:99px;background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant)}.topbar-avatar[data-v-4a4db73a]{width:32px;height:32px;border-radius:50%;background:var(--md-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-img[data-v-4a4db73a]{width:100%;height:100%;object-fit:cover}.avatar-initial[data-v-4a4db73a]{font-size:13px;font-weight:700;color:#fff}.topbar-user-info[data-v-4a4db73a]{display:flex;flex-direction:column;line-height:1.2}.topbar-name[data-v-4a4db73a]{font-size:13px;font-weight:600;color:var(--md-on-surface)}.topbar-role[data-v-4a4db73a]{font-size:11px;color:var(--md-on-surface-variant)}@media (max-width: 768px){.topbar[data-v-4a4db73a]{padding:0 16px 0 64px}.topbar-page-title[data-v-4a4db73a]{font-size:14px}}*,*:before,*:after{box-sizing:border-box}.app-shell{display:flex;min-height:100vh;background:var(--md-background)}.app-main{flex:1;min-width:0;min-height:100vh}.app-main.with-sidebar{margin-left:240px}@media (max-width: 768px){.app-main.with-sidebar{margin-left:0}}:root{--md-primary: #0D47A1;--md-on-primary: #FFFFFF;--md-primary-container: #DBEAFE;--md-on-primary-container: #0A2E6B;--md-secondary: #1565C0;--md-on-secondary: #FFFFFF;--md-secondary-container: #BFDBFE;--md-on-secondary-container:#0A2E6B;--md-tertiary: #0288D1;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #E0F2FE;--md-on-tertiary-container: #01304A;--md-error: #C62828;--md-on-error: #FFFFFF;--md-error-container: #FFEBEE;--md-on-error-container: #7F0000;--md-surface: #FFFFFF;--md-on-surface: #111827;--md-surface-variant: #E5E7EB;--md-on-surface-variant: #4B5563;--md-surface-container-low: #F3F4F6;--md-surface-container: #E9EBF0;--md-surface-container-high:#D1D5DB;--md-outline: #9CA3AF;--md-outline-variant: #D1D5DB;--md-scrim: rgba(0,0,0,.45);--md-background: #F3F4F6;--md-on-background: #111827;--md-student-container: #DBEAFE;--md-on-student-container: #0A2E6B;--md-employer-container: #FFEBEE;--md-on-employer-container: #7F0000;--sidebar-bg: #0D1F3C;--sidebar-bg-hover: rgba(255,255,255,.08);--sidebar-bg-active: #1565C0;--sidebar-text: rgba(255,255,255,.78);--sidebar-text-active: #FFFFFF;--sidebar-border: rgba(255,255,255,.08);--sidebar-section: rgba(255,255,255,.4);--md-shape-none: 0px;--md-shape-xs: 4px;--md-shape-sm: 8px;--md-shape-md: 12px;--md-shape-lg: 16px;--md-shape-xl: 28px;--md-shape-full: 9999px;--md-elev-1: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--md-elev-2: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--md-elev-3: 0 10px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.08);--md-font: "Noto Sans Thai", "Roboto", sans-serif;--md-mono: "Roboto Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--md-font);background:var(--md-background);color:var(--md-on-background);-webkit-font-smoothing:antialiased;line-height:1.5}.md3-display-sm{font-size:36px;line-height:44px;font-weight:700}.md3-headline-lg{font-size:32px;line-height:40px;font-weight:700}.md3-headline-md{font-size:28px;line-height:36px;font-weight:600}.md3-headline-sm{font-size:24px;line-height:32px;font-weight:600}.md3-title-lg{font-size:22px;line-height:28px;font-weight:600}.md3-title-md{font-size:16px;line-height:24px;font-weight:600;letter-spacing:.1px}.md3-title-sm{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.1px}.md3-body-lg{font-size:16px;line-height:24px;font-weight:400;letter-spacing:.3px}.md3-body-md{font-size:14px;line-height:20px;font-weight:400;letter-spacing:.2px}.md3-body-sm{font-size:12px;line-height:16px;font-weight:400;letter-spacing:.3px}.md3-label-lg{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.1px}.md3-label-md{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.4px}.md3-label-sm{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.5px}.md3-card{background:var(--md-surface);border-radius:var(--md-shape-md);box-shadow:var(--md-elev-1);border:1px solid var(--md-outline-variant);padding:20px}.md3-card-filled{background:var(--md-surface-container);border-radius:var(--md-shape-md);padding:20px}.md3-card-outlined{background:var(--md-surface);border-radius:var(--md-shape-md);border:1px solid var(--md-outline-variant);padding:20px}.md3-btn,.md3-btn-filled,.md3-btn-tonal,.md3-btn-outlined,.md3-btn-text{font-family:var(--md-font);font-size:14px;font-weight:600;letter-spacing:.2px;border-radius:var(--md-shape-sm);padding:0 20px;height:40px;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:box-shadow .15s,background .12s,opacity .12s;text-decoration:none;white-space:nowrap}.md3-btn-filled{background:var(--md-primary);color:var(--md-on-primary)}.md3-btn-filled:hover:not(:disabled){background:#1565c0;box-shadow:var(--md-elev-2)}.md3-btn-filled:disabled{opacity:.4;cursor:not-allowed}.md3-btn-tonal{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.md3-btn-tonal:hover:not(:disabled){background:#93c5fd;box-shadow:var(--md-elev-1)}.md3-btn-tonal:disabled{opacity:.4;cursor:not-allowed}.md3-btn-outlined{background:transparent;color:var(--md-primary);border:1.5px solid var(--md-primary)}.md3-btn-outlined:hover:not(:disabled){background:var(--md-primary-container)}.md3-btn-outlined:disabled{opacity:.4;cursor:not-allowed}.md3-btn-text{background:transparent;color:var(--md-primary);padding:0 12px}.md3-btn-text:hover{background:var(--md-primary-container)}.md3-btn-danger{background:var(--md-error-container);color:var(--md-error);font-family:var(--md-font);font-size:14px;font-weight:600;border-radius:var(--md-shape-sm);padding:0 20px;height:40px;cursor:pointer;border:1.5px solid var(--md-error);display:inline-flex;align-items:center;gap:6px}.md3-btn-danger:hover{background:#ffcdd2}.md3-btn-icon{font-size:18px;line-height:1}.md3-field{position:relative;margin-bottom:8px}.md3-field label{display:block;font-size:12px;font-weight:600;color:var(--md-on-surface-variant);margin-bottom:6px;letter-spacing:.4px;text-transform:uppercase}.md3-field input,.md3-field textarea,.md3-field select{width:100%;padding:12px 14px;border:1.5px solid var(--md-outline-variant);border-radius:var(--md-shape-sm);background:var(--md-surface);font-family:var(--md-font);font-size:15px;color:var(--md-on-surface);outline:none;transition:border-color .15s}.md3-field input:focus,.md3-field textarea:focus,.md3-field select:focus{border-color:var(--md-primary);border-width:2px;box-shadow:0 0 0 3px #0d47a11f}.md3-field input::placeholder,.md3-field textarea::placeholder{color:var(--md-outline)}.md3-field input:disabled{background:var(--md-surface-variant);opacity:.5}.md3-field textarea{resize:vertical;min-height:100px}.md3-field-error{font-size:12px;color:var(--md-error);margin-top:4px;font-weight:500}.md3-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--md-shape-full);font-family:var(--md-font);font-size:13px;font-weight:500;border:1.5px solid var(--md-outline-variant);background:var(--md-surface);color:var(--md-on-surface-variant);cursor:default}.md3-chip-assist{background:var(--md-primary-container);color:var(--md-primary);border-radius:var(--md-shape-full);padding:4px 12px;font-size:13px;font-weight:600;border:none}.md3-chip button{background:none;border:none;cursor:pointer;color:inherit;font-size:14px;line-height:1;display:flex;align-items:center}.md3-badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:var(--md-shape-full);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.md3-badge-success{background:#d1fae5;color:#065f46}.md3-badge-warning{background:#fef3c7;color:#92400e}.md3-badge-error{background:var(--md-error-container);color:var(--md-error)}.md3-badge-neutral{background:var(--md-surface-variant);color:var(--md-on-surface-variant)}.md3-badge-primary{background:var(--md-primary-container);color:var(--md-primary)}.md3-badge-info{background:#dbeafe;color:#1e40af}.md3-divider{height:1px;background:var(--md-outline-variant);margin:16px 0;border:none}.md3-divider-text{display:flex;align-items:center;gap:12px;color:var(--md-on-surface-variant);font-size:13px;font-weight:500;margin:20px 0}.md3-divider-text:before,.md3-divider-text:after{content:"";flex:1;height:1px;background:var(--md-outline-variant)}.md3-alert{display:flex;align-items:flex-start;gap:12px;border-radius:var(--md-shape-sm);padding:12px 16px;font-size:14px;font-weight:500;margin-bottom:16px}.md3-alert-success{background:#d1fae5;color:#065f46;border-left:4px solid #10B981}.md3-alert-error{background:var(--md-error-container);color:var(--md-error);border-left:4px solid var(--md-error)}.md3-alert-info{background:var(--md-primary-container);color:var(--md-primary);border-left:4px solid var(--md-primary)}.md3-page{min-height:100vh;padding:32px 24px 48px;background:var(--md-background)}.md3-container{max-width:900px;margin:0 auto}.md3-container-lg{max-width:1100px;margin:0 auto}.md3-container-sm{max-width:560px;margin:0 auto}.md3-page-title{font-size:26px;font-weight:700;color:var(--md-on-surface);margin-bottom:24px;letter-spacing:-.3px}.md3-tags-wrap{border:1.5px solid var(--md-outline-variant);border-radius:var(--md-shape-sm);padding:10px 12px;background:var(--md-surface);transition:border-color .15s}.md3-tags-wrap:focus-within{border-color:var(--md-primary);border-width:2px;box-shadow:0 0 0 3px #0d47a11f}.md3-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.md3-tags-wrap input{border:none;outline:none;font-family:var(--md-font);font-size:15px;width:100%;background:transparent;color:var(--md-on-surface)}.md3-loading{text-align:center;padding:64px;color:var(--md-on-surface-variant);font-size:14px}.md3-empty{text-align:center;padding:64px 32px;color:var(--md-on-surface-variant)}.md3-empty-icon{font-size:48px;margin-bottom:12px;display:block;color:var(--md-outline)}.md3-empty p{font-size:15px;margin-bottom:4px;color:var(--md-on-surface);font-weight:500}.md3-empty>*:not(.md3-empty-icon){font-size:14px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.md3-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.md3-grid-2{grid-template-columns:1fr}}.md3-pagination{display:flex;gap:4px;justify-content:center;margin-top:24px}.md3-pagination button{width:36px;height:36px;border:none;border-radius:var(--md-shape-sm);background:transparent;cursor:pointer;font-family:var(--md-font);font-size:14px;font-weight:500;color:var(--md-on-surface-variant);transition:background .12s,color .12s}.md3-pagination button.active{background:var(--md-primary);color:var(--md-on-primary);font-weight:700}.md3-pagination button:hover:not(.active){background:var(--md-primary-container);color:var(--md-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}