.navbar[data-v-e7e1b91f]{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:#07070feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:200}.navbar-inner[data-v-e7e1b91f]{height:100%;display:flex;align-items:center;gap:1rem}.navbar-logo[data-v-e7e1b91f]{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.navbar-logo-text[data-v-e7e1b91f]{font-family:var(--font-display);font-size:1.15rem;font-weight:900;color:var(--color-bx-light);letter-spacing:.1em}.navbar-links[data-v-e7e1b91f]{display:flex;align-items:center;gap:.25rem;flex:1;margin-left:1.5rem}.nav-link[data-v-e7e1b91f]{display:flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.88rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-link[data-v-e7e1b91f]:hover,.nav-link.router-link-active[data-v-e7e1b91f]{background:var(--bg-card);color:var(--text-primary)}.nav-link.router-link-exact-active[data-v-e7e1b91f]{color:var(--text-accent);background:var(--color-bx-dim)}.nav-link-add[data-v-e7e1b91f]{background:var(--color-bx-dim);color:var(--text-accent);border:1px solid rgba(124,58,237,.3)}.nav-link-add[data-v-e7e1b91f]:hover{background:var(--color-bx);color:#fff;border-color:transparent}.nav-link-admin[data-v-e7e1b91f]{color:var(--color-cx)}.nav-icon[data-v-e7e1b91f]{font-style:normal}.navbar-right[data-v-e7e1b91f]{display:flex;align-items:center;gap:.5rem;margin-left:auto}.nav-user[data-v-e7e1b91f]{display:flex;align-items:center;gap:.5rem;padding:.3rem .8rem;border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.nav-user[data-v-e7e1b91f]:hover{background:var(--bg-card)}.nav-avatar[data-v-e7e1b91f]{width:30px;height:30px;border-radius:50%;background:var(--color-bx);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.nav-username[data-v-e7e1b91f]{font-size:.88rem;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn[data-v-e7e1b91f]{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);width:34px;height:34px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--transition-fast)}.logout-btn[data-v-e7e1b91f]:hover{border-color:var(--color-danger);color:var(--color-danger)}.hamburger[data-v-e7e1b91f]{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:8px;transition:border-color var(--transition-fast)}.hamburger span[data-v-e7e1b91f]{display:block;height:2px;background:var(--text-secondary);border-radius:1px;transition:all var(--transition-base)}.hamburger[data-v-e7e1b91f]:hover{border-color:var(--color-bx)}.hamburger:hover span[data-v-e7e1b91f]{background:var(--color-bx-light)}.drawer-overlay[data-v-e7e1b91f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:400;display:flex;justify-content:flex-end}.drawer[data-v-e7e1b91f]{width:min(320px,85vw);height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.drawer-header[data-v-e7e1b91f]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.drawer-logo[data-v-e7e1b91f]{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1rem;font-weight:900;color:var(--color-bx-light);text-decoration:none;letter-spacing:.1em}.drawer-close[data-v-e7e1b91f]{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.drawer-close[data-v-e7e1b91f]:hover{color:var(--text-primary);background:var(--bg-card)}.drawer-user[data-v-e7e1b91f]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.drawer-avatar[data-v-e7e1b91f]{width:42px;height:42px;border-radius:50%;background:var(--color-bx);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.drawer-username[data-v-e7e1b91f]{font-size:.95rem;font-weight:600;color:var(--text-primary)}.drawer-role[data-v-e7e1b91f]{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.drawer-nav[data-v-e7e1b91f]{display:flex;flex-direction:column;padding:.75rem 0;flex:1}.drawer-link[data-v-e7e1b91f]{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:all var(--transition-fast);border-left:3px solid transparent}.drawer-link[data-v-e7e1b91f]:hover,.drawer-link.router-link-active[data-v-e7e1b91f]{color:var(--text-primary);background:var(--bg-card);border-left-color:var(--color-bx)}.drawer-link-add[data-v-e7e1b91f]{color:var(--text-accent)}.drawer-footer[data-v-e7e1b91f]{padding:1rem 1.25rem;border-top:1px solid var(--border-color)}.main-content[data-v-e7e1b91f]{min-height:100vh}.main-content.with-navbar[data-v-e7e1b91f]{padding-top:var(--navbar-height)}.desktop-only[data-v-e7e1b91f]{display:flex}.mobile-only[data-v-e7e1b91f]{display:none}@media (max-width: 768px){.desktop-only[data-v-e7e1b91f]{display:none!important}.mobile-only[data-v-e7e1b91f]{display:flex!important}.hamburger[data-v-e7e1b91f]{display:flex}}.drawer-fade-enter-active[data-v-e7e1b91f],.drawer-fade-leave-active[data-v-e7e1b91f]{transition:opacity .25s ease}.drawer-fade-enter-from[data-v-e7e1b91f],.drawer-fade-leave-to[data-v-e7e1b91f]{opacity:0}.drawer-slide-enter-active[data-v-e7e1b91f],.drawer-slide-leave-active[data-v-e7e1b91f]{transition:transform .3s ease}.drawer-slide-enter-from[data-v-e7e1b91f],.drawer-slide-leave-to[data-v-e7e1b91f]{transform:translate(100%)}:root{--bg-primary: #07070f;--bg-secondary: #0d0d1a;--bg-card: #111126;--bg-card-hover: #161630;--bg-input: #0a0a18;--border-color: #1e1e3a;--border-hover: #2d2d5a;--color-bx: #7c3aed;--color-bx-light: #9d5ff5;--color-bx-dim: rgba(124, 58, 237, .15);--color-ux: #ef4444;--color-ux-light: #f87171;--color-ux-dim: rgba(239, 68, 68, .15);--color-cx: #f59e0b;--color-cx-light: #fbbf24;--color-cx-dim: rgba(245, 158, 11, .15);--color-accent: #7c3aed;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--text-primary: #e2e2f0;--text-secondary: #8888aa;--text-muted: #55556a;--text-accent: #a78bfa;--font-display: "Orbitron", monospace;--font-body: "Noto Sans TC", "Orbitron", sans-serif;--navbar-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .5);--shadow-glow-bx: 0 0 20px rgba(124, 58, 237, .3);--shadow-glow-ux: 0 0 20px rgba(239, 68, 68, .3);--shadow-glow-cx: 0 0 20px rgba(245, 158, 11, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:.05em}a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-bx-light)}img{max-width:100%;height:auto}button,input,select,textarea{font-family:var(--font-body);font-size:1rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-bx)}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-bx);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-bx-light);box-shadow:var(--shadow-glow-bx);color:#fff}.btn-danger{background:var(--color-ux);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-ux-light);box-shadow:var(--shadow-glow-ux);color:#fff}.btn-warning{background:var(--color-cx);color:#000}.btn-warning:hover:not(:disabled){background:var(--color-cx-light);box-shadow:var(--shadow-glow-cx);color:#000}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary);border-color:var(--border-hover)}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-lg{padding:.9rem 2rem;font-size:1.05rem}.btn-block{width:100%;justify-content:center}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:.04em}.form-input,.form-select,.form-textarea{width:100%;padding:.7rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-bx);box-shadow:0 0 0 3px #7c3aed26}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238888aa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-hint{font-size:.78rem;color:var(--text-muted)}.form-error{font-size:.8rem;color:var(--color-danger)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition-base)}.card:hover{border-color:var(--border-hover)}.divider{height:1px;background:var(--border-color);margin:1.5rem 0}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;font-family:var(--font-display);letter-spacing:.06em}.badge-pending{background:#3b82f633;color:#60a5fa}.badge-accepted{background:#22c55e33;color:#4ade80}.badge-rejected{background:#ef444433;color:#f87171}.badge-cancelled{background:#6b728033;color:#9ca3af}.alert{padding:.9rem 1.2rem;border-radius:var(--radius-md);font-size:.9rem;border:1px solid transparent}.alert-danger{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.alert-success{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.alert-info{background:#3b82f61a;border-color:#3b82f64d;color:#93c5fd}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--color-bx);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center}.empty-state-icon{font-size:4rem;opacity:.3}.empty-state-text{color:var(--text-secondary);font-size:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase}.glow-line{height:2px;background:linear-gradient(90deg,var(--color-bx),transparent);margin-bottom:2rem}.fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:var(--color-bx);color:#fff;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-bx),var(--shadow-card);transition:all var(--transition-base);z-index:100;text-decoration:none}.fab:hover{background:var(--color-bx-light);transform:scale(1.1) rotate(90deg);color:#fff}.toast-container{position:fixed;top:calc(var(--navbar-height) + 1rem);right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:340px}.toast{padding:.8rem 1.2rem;border-radius:var(--radius-md);font-size:.88rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease;cursor:pointer}.toast-success{background:#22c55ee6;color:#fff}.toast-error{background:#ef4444e6;color:#fff}.toast-info{background:#3b82f6e6;color:#fff}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.container{padding:0 1rem}.fab{bottom:1.5rem;right:1.5rem}}