.navbar{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 8px #0000000f}.navbar-container{width:100%;margin:0 auto;height:60px;padding:0 24px;display:flex;align-items:center;gap:32px}@media(min-width:1536px){.navbar-container{max-width:1320px}}@media(min-width:1280px)and (max-width:1535px){.navbar-container{max-width:1140px}}@media(min-width:1024px)and (max-width:1279px){.navbar-container{max-width:960px}}@media(min-width:768px)and (max-width:1023px){.navbar-container{max-width:720px}}@media(max-width:767px){.navbar-container{padding:0 16px}}.navbar-logo-link{flex-shrink:0;display:flex;align-items:center}.navbar-logo{height:22px;width:auto;display:block}.navbar-links{display:flex;align-items:center;gap:2px}.navbar-link{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--gray-500);text-decoration:none;transition:color .15s,background .15s}.navbar-link svg{flex-shrink:0}.navbar-link:hover{color:var(--brand-primary);background:#f5f3ff}.navbar-link.active{color:var(--brand-primary);background:#ede9fe;font-weight:var(--fw-medium)}.navbar-signout{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:5px 10px;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--fw-medium);font-family:inherit;color:var(--gray-400);cursor:pointer;transition:color .15s,background .15s}.navbar-signout svg{flex-shrink:0}.navbar-signout:hover{color:var(--status-error-fg);background:var(--status-error-bg)}.navbar-hamburger{display:none;margin-left:auto;background:none;border:none;padding:6px;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;line-height:0}.navbar-hamburger:hover{background:var(--gray-100);color:var(--gray-800)}.navbar-drawer{display:none;flex-direction:column;padding:8px 16px 12px;border-top:1px solid var(--gray-100);background:#fff}.navbar-drawer-link{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--gray-600);text-decoration:none;transition:color .15s,background .15s}.navbar-drawer-link svg{flex-shrink:0}.navbar-drawer-link:hover{background:#f5f3ff;color:var(--brand-primary)}.navbar-drawer-link.active{color:var(--brand-primary);background:#ede9fe;font-weight:var(--fw-semibold)}.navbar-drawer-signout{margin-top:4px;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-md);background:none;border:none;font-size:var(--text-md);font-weight:var(--fw-medium);font-family:inherit;color:var(--gray-400);cursor:pointer;text-align:left;transition:color .15s,background .15s}.navbar-drawer-signout svg{flex-shrink:0}.navbar-drawer-signout:hover{color:var(--status-error-fg);background:var(--status-error-bg)}@media(max-width:640px){.navbar-container{padding:0 16px;gap:0}.navbar-links,.navbar-signout{display:none}.navbar-hamburger{display:flex;align-items:center}.navbar-drawer{display:flex}}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-overlay p{margin-top:16px;font-size:16px;font-weight:500;color:#444;animation:fadeIn .3s ease-in-out}.orbit-spinner{position:relative;width:64px;height:64px;margin-bottom:12px}.orbit-spinner .orbit-dot{position:absolute;width:14px;height:14px;background-color:#1976d2;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbit 1.2s linear infinite}.orbit-spinner .orbit-dot:nth-child(2){animation-delay:.2s}.orbit-spinner .orbit-dot:nth-child(3){animation-delay:.4s}@keyframes orbit{0%{transform:rotate(0) translate(24px) rotate(0)}to{transform:rotate(360deg) translate(24px) rotate(-360deg)}}:root{--brand-primary: #5b21b6;--brand-purple-light: #ede9fe;--brand-purple-text: #162459;--brand-accent: #6d28d9;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-150: #eff0f2;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--status-neutral-bg: var(--gray-100);--status-neutral-fg: var(--gray-500);--status-neutral-bd: var(--gray-200);--status-progress-bg: #faf7ed;--status-progress-fg: #6b4f1d;--status-progress-bd: #e6d3a3;--status-success-bg: #edf8f1;--status-success-fg: #1f5138;--status-success-bd: #7bc69a;--status-error-bg: #fff1f2;--status-error-fg: #be123c;--status-error-bd: #fecdd3;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 16px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 999px;--card-bg: #ffffff;--card-border: 1px solid var(--gray-200);--card-shadow: 0 1px 4px rgba(0, 0, 0, .06);--card-padding: 14px;--card-radius: var(--radius-lg);--page-bg: #f5f6f8}.btnDisabled,.btn-disabled,.btn:disabled{opacity:.45;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-weight:var(--fw-medium);line-height:1;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.btn>svg{flex-shrink:0}.btn-lg{padding:9px 18px;font-size:var(--text-lg)}.btn-md{padding:7px 14px;font-size:var(--text-md)}.btn-sm{padding:5px 11px;font-size:var(--text-base)}.btn-xs{padding:3px 8px;font-size:var(--text-sm);gap:3px;border-radius:var(--radius-sm)}.btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.btn-primary:hover:not(:disabled){background:#4c1d95;border-color:#4c1d95;box-shadow:0 1px 2px #00000014}.btn-primary:active:not(:disabled){background:#3c1674;border-color:#3c1674;transform:translateY(1px);box-shadow:none}.btn-outline{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800)}.btn-brand{background:var(--brand-purple-light);color:var(--brand-purple-text);border-color:#d8bde0}.btn-brand:hover:not(:disabled){background:#ddc8e6}.btn-success{background:var(--status-success-bg);color:var(--status-success-fg);border-color:var(--status-success-bd)}.btn-success:hover:not(:disabled){background:#dcfce7}.btn-danger{background:var(--status-error-bg);color:var(--status-error-fg);border-color:var(--status-error-bd)}.btn-danger:hover:not(:disabled){background:#ffe4e6}.btn-ghost{background:transparent;color:var(--gray-500);border:1px dashed var(--gray-300)}.btn-ghost:hover:not(:disabled){background:var(--gray-50);color:var(--gray-700);border-color:var(--gray-400)}.btn-muted{background:var(--gray-100);color:var(--gray-500);border-color:var(--gray-200);cursor:default;pointer-events:none}.btn-block{display:flex;width:100%}.btn-icon-only{padding:6px;gap:0;aspect-ratio:1}.btnLarge{padding:9px 18px;font-size:var(--text-lg)}.btnMedium{padding:7px 14px;font-size:var(--text-md)}.btnSmall{padding:5px 11px;font-size:var(--text-base)}.btnSlim{padding:3px 8px;font-size:var(--text-sm)}.btnPrimary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btnPrimary:hover:not(:disabled){background:#0f1527}.btnWireframe{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btnWireframe:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btnCancel{background:var(--status-error-bg);color:var(--status-error-fg);border-color:var(--status-error-bd)}.btnSuccess{background:var(--status-success-bg);color:var(--status-success-fg);border-color:var(--status-success-bd)}.btnWarning{background:var(--status-progress-bg);color:var(--status-progress-fg);border-color:var(--status-progress-bd)}.btnDanger{background:var(--status-error-bg);color:var(--status-error-fg);border-color:var(--status-error-bd)}.btnGhost{background:transparent;color:var(--gray-500);border:1px dashed var(--gray-300)}.btnGhost:hover:not(:disabled){background:var(--gray-50)}.btnBlock{display:flex;width:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#f9f9fb}.back-link{margin-top:15px;margin-left:15px;display:inline-flex;align-items:center;font-size:15px;font-weight:500;color:var(--brand-accent);text-decoration:none;margin-bottom:24px;transition:color .2s ease}.back-link:hover{color:var(--brand-accent);text-decoration:underline}.back-link>svg{font-size:18px;margin-right:6px}.content-container{width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media(min-width:1536px){.content-container{max-width:1320px}}@media(min-width:1280px)and (max-width:1535px){.content-container{max-width:1140px}}@media(min-width:1024px)and (max-width:1279px){.content-container{max-width:960px}}@media(min-width:768px)and (max-width:1023px){.content-container{max-width:720px}}@media(max-width:767px){.content-container{max-width:100%;padding-left:16px;padding-right:16px}}