@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";.traina{--c-primary-50: #EEF2FF;--c-primary-100: #DCE4FF;--c-primary-200: #B8C6FF;--c-primary-300: #8FA6FF;--c-primary-400: #7089FF;--c-primary-500: #5B7CFF;--c-primary-600: #4A66E0;--c-primary-700: #3A4FB8;--c-primary-800: #272C7A;--c-primary-900: #1B194F;--c-accent-50: #E9FBF0;--c-accent-100: #C6F3D8;--c-accent-300: #5FD98C;--c-accent-500: #22C55E;--c-accent-600: #16A34A;--c-accent-700: #15803D;--c-energy-500: #FF7A45;--tone-success: #16A34A;--tone-warning: #F59E0B;--tone-error: #EF4444;--tone-info: #5B7CFF;--tone-accent: #16A34A;--tone-energy: #E2622E;--tone-neutral: #6B7280;--c-n0: #FFFFFF;--c-n50: #F7F8FA;--c-n100: #EDEFF3;--c-n200: #E1E4EA;--c-n300: #C9CED7;--c-n400: #9AA1AD;--c-n500: #6B7280;--c-n700: #3D4451;--c-n900: #1A1D24;--c-page: var(--c-n50);--c-surface: var(--c-n0);--c-surface-2:var(--c-n100);--c-border: var(--c-n200);--c-border-strong: var(--c-n300);--t-strong: var(--c-n900);--t-primary: var(--c-n700);--t-secondary:var(--c-n500);--t-disabled: var(--c-n400);--t-inverse: #FFFFFF;--brand: var(--c-primary-500);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-full: 9999px;--sh-xs: 0 1px 2px rgba(16,24,40,.05);--sh-sm: 0 2px 8px rgba(16,24,40,.08);--sh-md: 0 4px 16px rgba(16,24,40,.12);--sh-lg: 0 12px 32px rgba(16,24,40,.16);--sh-focus: 0 0 0 3px rgba(91,124,255,.25);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--card-pad: 20px;--row-gap: 12px;--font: "Manrope", "Noto Sans TC", -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font);color:var(--t-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.traina[data-density=compact]{--card-pad: 14px;--row-gap: 8px}.traina[data-theme=dark]{--c-n0: #0F1419;--c-n50: #161B22;--c-n100: #1F2630;--c-n200: #2A323D;--c-n300: #3A434F;--c-n400: #5A6675;--c-n500: #8A94A3;--c-n700: #C2C9D4;--c-n900: #EDEFF3;--c-page: #161B22;--c-surface: #0F1419;--c-surface-2:#1F2630;--c-border: #2A323D;--c-border-strong:#3A434F;--tone-success: #34D77A;--tone-warning: #FBBF24;--tone-error: #F87171;--tone-info: #8FA6FF;--tone-accent: #34D77A;--tone-energy: #FF8E5E;--tone-neutral: #8A94A3;--brand: #7B95FF;--sh-xs: 0 1px 2px rgba(0,0,0,.4);--sh-sm: 0 2px 10px rgba(0,0,0,.45);--sh-md: 0 6px 20px rgba(0,0,0,.5);--sh-lg: 0 16px 40px rgba(0,0,0,.6)}.traina *{box-sizing:border-box}.traina .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.t-display{font-size:36px;line-height:44px;font-weight:800;letter-spacing:-.02em;color:var(--t-strong)}.t-h1{font-size:28px;line-height:36px;font-weight:800;letter-spacing:-.02em;color:var(--t-strong)}.t-h2{font-size:22px;line-height:30px;font-weight:700;letter-spacing:-.01em;color:var(--t-strong)}.t-h3{font-size:18px;line-height:26px;font-weight:700;color:var(--t-strong)}.t-h4{font-size:16px;line-height:24px;font-weight:600;color:var(--t-strong)}.t-body{font-size:14px;line-height:22px;font-weight:400;color:var(--t-primary)}.t-strong{font-size:14px;line-height:22px;font-weight:600;color:var(--t-strong)}.t-cap{font-size:12px;line-height:18px;color:var(--t-secondary)}.t-over{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--t-secondary)}.t-sec{color:var(--t-secondary)}.tr-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--r-full);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;--tone: var(--tone-neutral)}.tr-badge[data-tone=success]{--tone:var(--tone-success)}.tr-badge[data-tone=warning]{--tone:var(--tone-warning)}.tr-badge[data-tone=error]{--tone:var(--tone-error)}.tr-badge[data-tone=info]{--tone:var(--tone-info)}.tr-badge[data-tone=accent]{--tone:var(--tone-accent)}.tr-badge[data-tone=energy]{--tone:var(--tone-energy)}.tr-badge[data-tone=neutral]{--tone:var(--tone-neutral)}.tr-badge{background:color-mix(in srgb,var(--tone) 14%,var(--c-surface));color:var(--tone)}.traina[data-theme=dark] .tr-badge{background:color-mix(in srgb,var(--tone) 22%,transparent)}.tr-badge[data-variant=solid]{background:var(--tone);color:#fff}.tr-badge[data-variant=outline]{background:transparent;color:var(--tone);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone) 55%,transparent)}.tr-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tr-badge .dot.hollow{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}.tr-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);padding:var(--card-pad)}.tr-card.flat{box-shadow:none}.tr-card.tap{cursor:pointer;transition:box-shadow .14s ease,transform .14s ease,border-color .14s}.tr-card.tap:hover{box-shadow:var(--sh-sm);transform:translateY(-1px);border-color:var(--c-border-strong)}.tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border-radius:var(--r-md);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .14s,box-shadow .14s,transform .08s;white-space:nowrap;-webkit-user-select:none;user-select:none}.tr-btn:active{transform:translateY(1px)}.tr-btn.lg{height:44px;padding:0 20px;font-size:16px;border-radius:var(--r-md)}.tr-btn.sm{height:28px;padding:0 12px;font-size:12px}.tr-btn.block{width:100%}.tr-btn--primary{background:var(--brand);color:#fff}.tr-btn--primary:hover{background:var(--c-primary-600)}.traina[data-theme=dark] .tr-btn--primary{color:#0b1020}.tr-btn--secondary{background:var(--c-surface);color:var(--brand);border-color:var(--brand)}.tr-btn--secondary:hover{background:var(--c-primary-50)}.traina[data-theme=dark] .tr-btn--secondary:hover{background:color-mix(in srgb,var(--brand) 16%,transparent)}.tr-btn--text{background:transparent;color:var(--brand);padding:0 8px}.tr-btn--text:hover{background:color-mix(in srgb,var(--brand) 12%,transparent)}.tr-btn--ghost{background:var(--c-surface-2);color:var(--t-primary)}.tr-btn--ghost:hover{background:var(--c-border)}.tr-btn--danger{background:var(--c-surface);color:var(--tone-error);border-color:color-mix(in srgb,var(--tone-error) 45%,transparent)}.tr-btn--danger:hover{background:color-mix(in srgb,var(--tone-error) 10%,var(--c-surface))}.tr-modal-foot>.tr-btn{flex:1 1 0;height:42px}.tr-input{height:44px;width:100%;padding:0 14px;border-radius:var(--r-md);border:1.5px solid var(--c-border-strong);background:var(--c-surface);color:var(--t-strong);font-family:var(--font);font-size:15px;outline:none;transition:border-color .14s,box-shadow .14s}.tr-input::placeholder{color:var(--t-disabled)}.tr-input:focus{border-color:var(--brand);box-shadow:var(--sh-focus)}.tr-ta-slim{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--c-border-strong) 80%,transparent) transparent}.tr-ta-slim::-webkit-scrollbar{width:10px}.tr-ta-slim::-webkit-scrollbar-track{background:transparent;margin:6px 0}.tr-ta-slim::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--c-border-strong) 80%,transparent);border-radius:999px;border:3px solid transparent;background-clip:padding-box}.tr-ta-slim::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--t-secondary) 55%,transparent);border:3px solid transparent;background-clip:padding-box}.tr-progress{height:8px;border-radius:var(--r-full);background:color-mix(in srgb,var(--c-accent-500) 20%,var(--c-surface-2));overflow:hidden}.traina[data-theme=dark] .tr-progress{background:color-mix(in srgb,var(--tone-accent) 18%,var(--c-surface-2))}.tr-progress>i{display:block;height:100%;border-radius:inherit;background:var(--tone-accent);transition:width .5s cubic-bezier(.2,.7,.2,1)}.tr-progress.warn>i{background:var(--tone-energy)}.tr-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--r-full);background:var(--c-primary-100);color:var(--c-primary-700);font-weight:700;overflow:hidden}.traina[data-theme=dark] .tr-avatar{background:color-mix(in srgb,var(--brand) 25%,transparent);color:var(--brand)}.tr-row{display:flex;align-items:center;gap:12px;padding:var(--row-gap) 0;border-bottom:1px solid var(--c-border)}.tr-row:last-child{border-bottom:none}.tr-seg{display:inline-flex;background:var(--c-surface-2);border-radius:var(--r-md);padding:3px;gap:2px}.tr-seg button{border:none;background:transparent;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;color:var(--t-secondary);white-space:nowrap;padding:6px 14px;border-radius:7px;transition:.14s}.tr-seg button[data-on=true]{background:var(--c-surface);color:var(--t-strong);box-shadow:var(--sh-xs)}.tr-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--c-page)}.tr-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.tr-scroll::-webkit-scrollbar{width:0}.tr-bottomnav{position:relative;height:72px;flex-shrink:0;background:color-mix(in srgb,var(--c-surface) 86%,transparent);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-top:1px solid var(--c-border);padding-bottom:14px;display:flex;align-items:flex-start;justify-content:space-around}.tr-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:10px;border:none;background:none;cursor:pointer;color:var(--t-disabled);font-family:var(--font);font-size:10px;font-weight:600;letter-spacing:.02em;position:relative;transition:color .14s}.tr-tab[data-on=true]{color:var(--brand)}.tr-tab[data-on=true]:before{content:"";position:absolute;top:0;width:22px;height:2.5px;border-radius:2px;background:var(--brand)}.tr-fab{width:60px;height:60px;border-radius:var(--r-full);border:none;cursor:pointer;background:linear-gradient(150deg,var(--c-primary-400),var(--c-primary-600));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #5b7cff6b;transition:transform .16s,box-shadow .16s}.tr-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 28px #5b7cff80}.tr-fab:active{transform:scale(.96)}.tr-sk{background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-border) 37%,var(--c-surface-2) 63%);background-size:400% 100%;animation:trsk 1.2s linear infinite;border-radius:var(--r-sm)}@keyframes trsk{0%{background-position:100% 0}to{background-position:-100% 0}}.tr-admin{display:flex;height:100%;background:var(--c-page);color:var(--t-primary);font-family:var(--font)}.tr-side{width:236px;flex-shrink:0;background:var(--c-primary-900);color:#ffffffb8;display:flex;flex-direction:column;padding:18px 12px;gap:2px}.traina[data-theme=dark] .tr-side{background:#10131b;border-right:1px solid var(--c-border)}.tr-side .brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px}.tr-nav{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--r-md);color:#ffffffb8;font-size:14px;font-weight:600;cursor:pointer;transition:.14s;position:relative;white-space:nowrap}.tr-nav:hover{background:#ffffff12;color:#fff}.tr-nav[data-on=true]{background:var(--c-primary-500);color:#fff}.tr-nav[data-on=true]:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#fff}.tr-nav .badge-n{margin-left:auto;background:var(--c-energy-500);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.tr-main{flex:1;overflow:auto}.tr-topbar{height:60px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:14px;padding:0 28px;background:var(--c-surface);position:sticky;top:0;z-index:5}.tr-content{padding:24px 28px 40px}.tr-kpi{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sh-xs)}.tr-table{width:100%;border-collapse:collapse;font-size:14px}.tr-table th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--t-secondary);padding:12px 14px;background:var(--c-surface-2);white-space:nowrap;border-bottom:1px solid var(--c-border)}.tr-table td{white-space:nowrap}.tr-table td{padding:13px 14px;border-bottom:1px solid var(--c-border);color:var(--t-primary)}.tr-table tbody tr{transition:background .12s}.tr-table tbody tr:hover{background:color-mix(in srgb,var(--brand) 6%,var(--c-surface))}.tr-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;z-index:40;animation:fade .2s ease}.tr-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;background:var(--c-surface);z-index:41;box-shadow:var(--sh-lg);display:flex;flex-direction:column;animation:slidein .24s cubic-bezier(.2,.7,.2,1)}@keyframes slidein{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes pulsering{0%{transform:scale(.6);opacity:.6}to{transform:scale(2.6);opacity:0}}@keyframes risein{0%{transform:translateY(7px)}to{transform:translateY(0)}}.rise{animation:risein .4s ease}@media (prefers-reduced-motion: reduce){.rise{animation:none}}.tr-sheet-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#10182866;z-index:30;animation:fade .2s}.tr-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--c-surface);border-radius:22px 22px 0 0;z-index:31;box-shadow:var(--sh-lg);padding:10px 18px calc(18px + env(safe-area-inset-bottom));animation:sheetup .26s cubic-bezier(.2,.7,.2,1)}@keyframes sheetup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tr-grip{width:38px;height:4px;border-radius:2px;background:var(--c-border-strong);margin:4px auto 12px}.tr-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.tr-cal .cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px;font-size:14px;font-weight:600;color:var(--t-primary);cursor:pointer;position:relative}.tr-cal .cell.muted{color:var(--t-disabled)}.tr-cal .cell.today{background:var(--brand);color:#fff}.tr-cal .cell .pip{width:5px;height:5px;border-radius:50%;background:var(--brand)}.tr-cal .cell.today .pip{background:#fff}@keyframes scanline{0%{top:14px}50%{top:170px}to{top:14px}}.tr-timeline-dot{width:11px;height:11px;border-radius:50%;border:2.5px solid var(--brand);background:var(--c-surface);flex-shrink:0}.tr-timeline-dot.done{background:var(--tone-success);border-color:var(--tone-success)}.tr-evt{border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.3;border-left:3px solid;overflow:hidden}.tr-evt.s-resv{background:color-mix(in srgb,var(--brand) 12%,var(--c-surface));color:var(--brand);border-color:var(--brand)}.traina[data-theme=dark] .tr-evt.s-resv{color:var(--c-n900)}.tr-evt.s-att{background:color-mix(in srgb,var(--tone-success) 14%,var(--c-surface));color:var(--tone-success);border-color:var(--tone-success)}.tr-evt.s-cancel{background:var(--c-surface-2);color:var(--t-disabled);border-color:var(--c-border-strong);text-decoration:line-through}.tr-side.light{background:var(--c-surface);border-right:1px solid var(--c-border);color:var(--t-secondary)}.tr-side.light .tr-nav{color:var(--t-secondary)}.tr-side.light .tr-nav:hover{background:var(--c-surface-2);color:var(--t-strong)}.tr-side.light .tr-nav[data-on=true]{background:color-mix(in srgb,var(--brand) 12%,var(--c-surface));color:var(--brand)}.tr-side.light .tr-nav[data-on=true]:before{background:var(--brand)}.tr-side.light .tr-nav .badge-n{background:var(--tone-energy)}.tr-topnav{flex-shrink:0;background:var(--c-surface);border-bottom:1px solid var(--c-border);z-index:20}.tr-topnav-inner{max-width:1200px;margin:0 auto;height:64px;display:flex;align-items:center;gap:6px;padding:0 28px}.tr-tnav{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--r-full);color:var(--t-secondary);font-weight:600;font-size:14.5px;cursor:pointer;white-space:nowrap;transition:background .14s,color .14s}.tr-tnav:hover{background:var(--c-surface-2);color:var(--t-strong)}.tr-tnav[data-on=true]{background:color-mix(in srgb,var(--brand) 12%,var(--c-surface));color:var(--brand)}.tr-shell-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.tr-shell-wrap{width:100%;max-width:1200px;margin:0 auto;flex:1 0 auto;display:flex;flex-direction:column}.tr-shell-wrap>*{flex:1 0 auto}.tr-2col{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.tr-3col-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tr-master{display:grid;grid-template-columns:300px 1fr;gap:0;height:100%}.tr-list-pane{border-right:1px solid var(--c-border);overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.tr-detail-pane{overflow:auto;padding:28px 30px}.tr-pickrow{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);cursor:pointer;border:1px solid transparent;transition:.12s;text-align:left;background:none;width:100%;font-family:inherit}.tr-pickrow:hover{background:var(--c-surface-2)}.tr-pickrow[data-on=true]{background:color-mix(in srgb,var(--brand) 10%,var(--c-surface));border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.tr-week{display:grid;grid-template-columns:58px repeat(7,1fr);grid-auto-rows:54px;border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface);position:relative}.tr-week .wk-h{grid-row:1;height:auto;padding:9px 6px;text-align:center;background:var(--c-surface-2);border-bottom:1px solid var(--c-border);border-right:1px solid var(--c-border)}.tr-week .wk-h .dow{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t-secondary)}.tr-week .wk-h .dnum{font-size:16px;font-weight:700;color:var(--t-strong)}.tr-week .wk-h.today .dnum{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff}.tr-week .wk-time{grid-column:1;font-size:11px;color:var(--t-secondary);text-align:right;padding:3px 7px 0 0;border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.tr-week .wk-cell{border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);cursor:pointer;transition:background .1s}.tr-week .wk-cell:hover{background:color-mix(in srgb,var(--brand) 5%,var(--c-surface))}.tr-week .wk-evt{margin:2px 3px;border-radius:8px;padding:6px 8px;font-size:11.5px;line-height:1.25;font-weight:600;overflow:hidden;cursor:pointer;z-index:2;border-left:3px solid;display:flex;flex-direction:column;gap:1px;box-shadow:var(--sh-xs);transition:transform .1s}.tr-week .wk-evt:hover{transform:translateY(-1px);box-shadow:var(--sh-sm)}.tr-week .wk-evt .wt{font-variant-numeric:tabular-nums;opacity:.85;font-weight:600;font-size:10.5px}.tr-week .wk-evt.s-resv{background:color-mix(in srgb,var(--brand) 13%,var(--c-surface));color:var(--brand);border-color:var(--brand)}.traina[data-theme=dark] .tr-week .wk-evt.s-resv{color:#cdd6ff}.tr-week .wk-evt.s-att{background:color-mix(in srgb,var(--tone-success) 15%,var(--c-surface));color:var(--tone-success);border-color:var(--tone-success)}.tr-week .wk-evt.s-cancel{background:var(--c-surface-2);color:var(--t-disabled);border-color:var(--c-border-strong)}.tr-week .wk-evt.s-cancel .wn{text-decoration:line-through}.tr-stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:16px 18px}.tr-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--r-full);background:var(--c-surface-2);font-size:12.5px;font-weight:600;color:var(--t-primary)}.tr-auth{height:100%;overflow-y:auto;display:grid;grid-template-columns:1fr;background:var(--c-page)}@media (min-width: 900px){.tr-auth{grid-template-columns:1.04fr 1fr}}.tr-auth__hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;min-height:248px;display:flex}@media (min-width: 900px){.tr-auth__hero{min-height:100vh}}.tr-auth__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(1.05)}.tr-auth__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 85% 0%,color-mix(in srgb,var(--c-primary-400) 55%,transparent),transparent 60%),linear-gradient(150deg,color-mix(in srgb,var(--c-primary-600) 88%,transparent),color-mix(in srgb,var(--c-primary-900) 94%,transparent))}.tr-auth__deco{position:absolute;right:-40px;top:-30px;z-index:0;opacity:.14;color:#fff;pointer-events:none}.tr-auth__deco--b{right:auto;top:auto;left:-50px;bottom:-40px;opacity:.1}.tr-auth__herobody{position:relative;z-index:1;width:100%;padding:36px 40px;display:flex;flex-direction:column;gap:22px}@media (min-width: 900px){.tr-auth__herobody{padding:54px 58px;justify-content:space-between;gap:30px}}.tr-auth__brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em;font-size:19px}.tr-auth__logo{width:42px;height:42px;border-radius:13px;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff38}.tr-auth__tagline{font-size:30px;line-height:1.18;font-weight:800;letter-spacing:-.02em;max-width:15ch;margin:0}@media (min-width: 900px){.tr-auth__tagline{font-size:42px}}.tr-auth__lead{font-size:14.5px;line-height:1.6;opacity:.92;max-width:42ch;margin:12px 0 0}.tr-auth__feats{display:none;flex-direction:column;gap:15px}@media (min-width: 900px){.tr-auth__feats{display:flex}}.tr-auth__feat{display:flex;align-items:center;gap:14px;font-weight:600;font-size:15px}.tr-auth__featicon{width:40px;height:40px;border-radius:12px;background:#ffffff26;display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 0 0 1px #fff3}.tr-auth__feat small{display:block;font-weight:500;opacity:.8;font-size:12.5px}.tr-auth__stat{display:none;gap:28px;padding:16px 22px;border-radius:16px;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}@media (min-width: 900px){.tr-auth__stat{display:flex}}.tr-auth__statnum{font-size:24px;font-weight:800;letter-spacing:-.01em}.tr-auth__statlbl{font-size:12.5px;opacity:.82;margin-top:2px}.tr-auth__panel{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 22px}.tr-auth__toggle{position:absolute;top:18px;right:20px;width:38px;height:38px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--t-secondary);display:grid;place-items:center;cursor:pointer;transition:.15s}.tr-auth__toggle:hover{color:var(--t-strong);border-color:var(--c-border-strong);box-shadow:var(--sh-xs)}.tr-auth__card{width:100%;max-width:416px;animation:risein .4s ease}.tr-auth__mlogo{display:none;align-items:center;gap:10px;margin-bottom:20px;font-weight:800;letter-spacing:.14em;color:var(--brand);font-size:18px}.tr-auth__head{margin-bottom:22px}.tr-auth__eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.tr-auth__title{font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--t-strong);margin:6px 0}.tr-auth__sub{color:var(--t-secondary);font-size:14.5px;line-height:1.5;margin:0}.tr-auth__card form{display:flex;flex-direction:column;gap:14px}.tr-auth__card>form+*{margin-top:14px}.tr-auth__note{font-size:12.5px;line-height:1.5;color:var(--t-secondary);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:10px 12px}.auth-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 4px;margin-top:4px}.auth-links a{padding:9px 12px;border-radius:9px;color:var(--brand);font-weight:600;font-size:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}.auth-links a:hover{background:color-mix(in srgb,var(--brand) 10%,transparent)}.auth-links .sep{color:var(--c-border-strong);-webkit-user-select:none;user-select:none}.tr-toptoast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:11px 16px;border-radius:12px;font-size:14px;font-weight:600;color:#fff;box-shadow:var(--sh-lg);animation:toastdrop .28s cubic-bezier(.2,.8,.3,1.1) both}.tr-toptoast[data-tone=error]{background:var(--tone-error)}.tr-toptoast[data-tone=success]{background:var(--tone-success)}.tr-toptoast[data-tone=info]{background:var(--brand)}@keyframes toastdrop{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.tr-doc{height:100%;overflow-y:auto;background:var(--c-page);padding-bottom:56px}.tr-doc__hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;padding:48px 20px 60px}.tr-doc__hero .tr-auth__photo{filter:saturate(1.02)}.tr-doc__wrap{max-width:820px;margin:0 auto;padding:0 4px;position:relative;z-index:1}.tr-doc__eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.tr-doc__title{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:8px 0 4px}.tr-doc__lead{opacity:.9;font-size:14.5px;line-height:1.6;margin:0;max-width:60ch}.tr-doc__body{max-width:820px;margin:-36px auto 0;padding:0 20px;position:relative;z-index:2}.tr-doc__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:18px;box-shadow:var(--sh-sm);padding:28px}@media (min-width: 720px){.tr-doc__card{padding:34px 38px}}.tr-doc__sec{padding:18px 0;border-bottom:1px solid var(--c-border)}.tr-doc__sec:first-child{padding-top:0}.tr-doc__sec:last-child{border-bottom:none;padding-bottom:0}.tr-doc__card h2{font-size:17px;font-weight:700;color:var(--t-strong);margin:0 0 10px;display:flex;align-items:baseline;gap:8px}.tr-doc__card h2 .n{font-size:13px;font-weight:700;color:var(--brand)}.tr-doc__card p{color:var(--t-primary);line-height:1.85;margin:0 0 10px;font-size:14.5px}.tr-doc__card ul{margin:0 0 10px;padding-left:20px}.tr-doc__card li{color:var(--t-primary);line-height:1.8;margin-bottom:6px;font-size:14.5px}.tr-doc__card .muted{color:var(--t-secondary);font-size:13px;line-height:1.7}.tr-doc__back{display:inline-flex;align-items:center;gap:6px;margin-top:22px;color:var(--brand);font-weight:600}.tr-nf{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(120% 80% at 50% -10%,var(--c-surface-2),var(--c-page))}.tr-nf__card{text-align:center;max-width:460px}.tr-nf__code{font-size:84px;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--c-primary-400),var(--c-primary-700));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased}.traina.app-root{height:100%;background:var(--c-page);color:var(--t-primary);font-family:var(--font)}.tr-phone-wrap{height:100%;display:flex;justify-content:center;background:var(--c-page)}.tr-phone{position:relative;width:100%;height:100%;background:var(--c-page);overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font)}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,var(--c-primary-700),var(--c-primary-500))}.auth-card{width:100%;max-width:400px;background:var(--c-surface);border-radius:18px;box-shadow:var(--sh-lg);padding:32px;display:flex;flex-direction:column;gap:14px}.auth-title{margin:0;text-align:center;color:var(--brand);letter-spacing:.12em;font-size:30px;font-weight:800}.auth-subtitle{margin:0 0 6px;text-align:center;color:var(--t-secondary)}.auth-tabs{display:flex;gap:8px}.auth-tabs button{flex:1;padding:9px;border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--r-md);cursor:pointer;font-weight:600;color:var(--t-secondary)}.auth-tabs button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--t-secondary)}.field input,.field select{height:44px;padding:0 14px;border:1.5px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--t-strong);font-size:15px;font-family:var(--font)}.field input:focus,.field select:focus{outline:none;border-color:var(--brand);box-shadow:var(--sh-focus)}.form-error{color:var(--tone-error);background:color-mix(in srgb,var(--tone-error) 10%,var(--c-surface));border:1px solid color-mix(in srgb,var(--tone-error) 35%,transparent);border-radius:var(--r-md);padding:10px 12px;font-size:13px}.form-ok{color:var(--tone-success);background:color-mix(in srgb,var(--tone-success) 12%,var(--c-surface));border:1px solid color-mix(in srgb,var(--tone-success) 35%,transparent);border-radius:var(--r-md);padding:10px 12px;font-size:13px}.auth-switch{text-align:center;font-size:13px;color:var(--t-secondary)}.auth-switch a{color:var(--brand);cursor:pointer;font-weight:600}.loading{color:var(--t-secondary);padding:24px;text-align:center}.muted{color:var(--t-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;border-radius:var(--r-md);font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;font-family:var(--font)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-ghost{background:var(--c-surface-2);color:var(--t-primary)}.btn-muted{background:var(--c-surface-2);color:var(--t-secondary)}.btn-block{width:100%}.page.center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:80px}.page-title{color:var(--t-strong)}