.site-header[data-v-628f8dd6]{position:sticky;top:0;z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f3eed1;border-bottom:1px solid rgba(217,205,191,.65)}.site-header__inner[data-v-628f8dd6]{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.brand[data-v-628f8dd6]{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;letter-spacing:-.02em;flex-shrink:0;color:var(--text)}.brand-mark[data-v-628f8dd6]{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:#ffffffbf;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-soft)}.brand-mark img[data-v-628f8dd6]{width:100%;height:100%;object-fit:cover}.nav[data-v-628f8dd6]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.nav-link[data-v-628f8dd6]{padding:10px 14px;border-radius:999px;color:var(--text-soft);transition:.2s ease;font-size:15px;white-space:nowrap}.nav-link[data-v-628f8dd6]:hover,.nav-link.router-link-active[data-v-628f8dd6]{background:#ffffffb8;color:var(--text)}.header-actions[data-v-628f8dd6]{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-btn[data-v-628f8dd6]{min-height:46px}.btn-ghost[data-v-628f8dd6]{background:#ffffffbd;border:1px solid var(--line);color:var(--text)}.btn-ghost[data-v-628f8dd6]:hover{background:#fff}.header-btn-accent[data-v-628f8dd6]{background:var(--accent-soft);color:var(--accent)}.header-btn-accent[data-v-628f8dd6]:hover{background:#dce9e2}.user-menu[data-v-628f8dd6],.supervisor-menu[data-v-628f8dd6]{position:relative}.user-button[data-v-628f8dd6]{background:#ffffffc2;border:1px solid var(--line);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;color:var(--text);display:inline-flex;align-items:center;gap:10px;min-height:46px}.user-button[data-v-628f8dd6]:hover,.user-button.active[data-v-628f8dd6]{background:#fff;border-color:var(--line-strong)}.user-name[data-v-628f8dd6]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge[data-v-628f8dd6]{display:inline-block;background:var(--accent-soft);color:var(--accent);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.supervisor-toggle[data-v-628f8dd6]{background:var(--accent-soft);color:var(--accent);border:1px solid transparent;padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer;min-height:46px}.supervisor-toggle[data-v-628f8dd6]:hover,.supervisor-toggle.active[data-v-628f8dd6]{background:#dce9e2}.dropdown-menu[data-v-628f8dd6],.supervisor-floating-inner[data-v-628f8dd6]{background:#fffffff5;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.user-dropdown[data-v-628f8dd6],.supervisor-dropdown[data-v-628f8dd6]{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;z-index:140}.supervisor-dropdown[data-v-628f8dd6]{left:0;right:auto}.dropdown-item[data-v-628f8dd6]{width:100%;padding:14px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:background .2s;font-size:15px;color:var(--text-soft);text-decoration:none;display:block;border-bottom:1px solid #f3ede4}.dropdown-item[data-v-628f8dd6]:last-child{border-bottom:none}.dropdown-item[data-v-628f8dd6]:hover{background:#faf6f0;color:var(--text)}.dropdown-item-danger[data-v-628f8dd6]{color:var(--danger)}.dropdown-item-danger[data-v-628f8dd6]:hover{background:var(--danger-soft)}.supervisor-desktop-floating[data-v-628f8dd6]{position:absolute;left:0;right:0;top:100%;z-index:130}.supervisor-floating-inner[data-v-628f8dd6]{margin-top:10px;max-width:280px;margin-left:auto;display:block}.menu-toggle[data-v-628f8dd6]{display:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:#ffffffe6;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;flex-shrink:0}.menu-toggle span[data-v-628f8dd6]{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}.nav-mobile-only[data-v-628f8dd6]{display:none}.desktop-only[data-v-628f8dd6]{display:inline-flex}@media(max-width:900px){.site-header__inner[data-v-628f8dd6]{position:relative;min-height:68px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 0}.menu-toggle[data-v-628f8dd6]{display:inline-flex}.brand[data-v-628f8dd6]{justify-self:start;font-size:18px;gap:10px}.brand-mark[data-v-628f8dd6]{width:42px;height:42px}.nav[data-v-628f8dd6]{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:6px;padding:14px;border-radius:18px;background:#fffffffa;border:1px solid var(--line);box-shadow:var(--shadow);z-index:130}.nav.open[data-v-628f8dd6]{display:flex}.nav-link[data-v-628f8dd6]{width:100%;padding:12px 14px;border-radius:12px;font-size:15px}.header-actions .btn-ghost[data-v-628f8dd6],.header-actions .btn-primary[data-v-628f8dd6],.desktop-only[data-v-628f8dd6]{display:none!important}.nav-mobile-only[data-v-628f8dd6]{display:block}.user-button[data-v-628f8dd6]{padding:12px 14px;border-radius:12px;width:100%;justify-content:space-between}.user-dropdown[data-v-628f8dd6],.supervisor-dropdown[data-v-628f8dd6]{position:static;margin-top:8px;min-width:100%}.supervisor-floating-inner[data-v-628f8dd6]{display:none}}.site-footer[data-v-83c9b551]{padding:38px 0 34px;border-top:1px solid rgba(217,205,191,.6);color:var(--text-soft);background:#ffffff59;margin-top:48px}.footer-grid[data-v-83c9b551]{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}.footer-brand h3[data-v-83c9b551]{margin:0 0 12px;color:var(--text);font-size:22px;letter-spacing:-.03em}.footer-brand p[data-v-83c9b551]{margin:0 0 18px;line-height:1.7;max-width:320px}.footer-meta[data-v-83c9b551]{font-size:14px;color:var(--text-muted);line-height:1.7}.footer-meta a[data-v-83c9b551]{color:inherit}.footer-column h4[data-v-83c9b551]{margin:0 0 14px;color:var(--text);font-size:16px}.footer-links[data-v-83c9b551]{display:grid;gap:10px}.footer-links a[data-v-83c9b551]{color:var(--text-soft);font-size:14px;transition:.2s ease}.footer-links a[data-v-83c9b551]:hover{color:var(--accent)}.footer-bottom[data-v-83c9b551]{margin-top:26px;padding-top:18px;border-top:1px solid rgba(217,205,191,.75);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-muted)}@media(max-width:900px){.footer-grid[data-v-83c9b551]{grid-template-columns:1fr}}.loading-bar[data-v-8fdd3f5f]{position:fixed;top:0;left:0;right:0;height:3px;background:#2f5d5014;z-index:9999;overflow:hidden}.loading-progress[data-v-8fdd3f5f]{height:100%;background:linear-gradient(90deg,var(--warm),var(--accent));animation:loading-8fdd3f5f 1s ease-in-out infinite}@keyframes loading-8fdd3f5f{0%{width:0;margin-left:0}50%{width:50%;margin-left:25%}to{width:0;margin-left:100%}}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #f6f3ee;--bg-soft: #fbf8f4;--surface: rgba(255, 255, 255, .72);--surface-strong: #ffffff;--line: #e7dfd4;--line-strong: #d9cdbf;--text: #1f2933;--text-soft: #5f6b66;--text-muted: #7a847d;--accent: #2f5d50;--accent-hover: #264b40;--accent-soft: #e5efe9;--warm: #c98b63;--warm-soft: #f4e6dc;--danger: #b85c4b;--danger-soft: #f8e8e4;--warning: #b7791f;--warning-soft: #f9edd8;--success: #2f7a5c;--success-soft: #e6f3ec;--info: #6f8f86;--info-soft: #edf3f1;--shadow: 0 12px 40px rgba(44, 52, 46, .08);--shadow-soft: 0 8px 24px rgba(44, 52, 46, .06);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--container: 1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,#fffaf4 0%,transparent 30%),linear-gradient(180deg,#f8f5f0,#f4f1ea);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{border-color:#9db7ad;box-shadow:0 0 0 4px #2f5d5014}textarea{min-height:110px;resize:vertical}::placeholder{color:#9aa39d}.container{width:min(100% - 32px,var(--container));margin:0 auto}.page-shell{padding:40px 0 56px;min-height:100vh}.surface-card{background:#ffffffd6;border:1px solid rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg)}.section-title{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0 0 14px;letter-spacing:-.03em}.section-subtitle{margin:0;color:var(--text-soft);font-size:17px;line-height:1.65;max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff94;border:1px solid rgba(255,255,255,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:999px;padding:13px 18px;cursor:pointer;transition:.2s ease;font-weight:600;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px #2f5d5033}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:#ffffffd1;border:1px solid var(--line);color:var(--text)}.btn-secondary:hover{background:#fff}.badge-soft{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600}.page-title{margin:0 0 8px;font-size:clamp(30px,4vw,42px);font-weight:700;letter-spacing:-.04em;color:var(--text)}.page-subtitle{margin:0;color:var(--text-soft);line-height:1.7}.loading,.empty-state{text-align:center;padding:60px 20px;color:var(--text-soft)}@media(max-width:768px){body{font-size:14px}h1{font-size:26px!important}h2{font-size:22px!important}.container{width:min(100% - 20px,var(--container))}.page-shell{padding:28px 0 40px}}