@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=DM+Serif+Display&display=swap";.app-shell[data-v-b0b8b5a1]{display:flex;min-height:100vh;background:var(--color-void-black)}.sidebar[data-v-b0b8b5a1]{width:200px;background:var(--color-void-black);border-right:1px solid var(--color-graphite-rail);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand[data-v-b0b8b5a1]{padding:var(--spacing-16);border-bottom:1px solid var(--color-graphite-rail)}.brand-link[data-v-b0b8b5a1]{text-decoration:none;display:flex;align-items:center;gap:var(--spacing-8)}.brand-logo[data-v-b0b8b5a1]{color:var(--color-electric-blue);flex-shrink:0}.brand-dnf[data-v-b0b8b5a1]{font-family:var(--font-domaine);font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-pure-white);letter-spacing:.06em;line-height:1;text-shadow:0 0 20px rgba(59,158,255,.25)}.brand-sub[data-v-b0b8b5a1]{font-family:var(--font-inter);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-ash);letter-spacing:.12em;text-transform:uppercase}.sidebar-nav[data-v-b0b8b5a1]{flex:1;padding:var(--spacing-8);display:flex;flex-direction:column;gap:2px}.nav-item[data-v-b0b8b5a1]{display:flex;align-items:center;gap:var(--spacing-8);padding:8px var(--spacing-12);border-radius:var(--radius-buttons);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);color:var(--color-ash);text-decoration:none;transition:color .15s var(--ease-out)}.nav-icon[data-v-b0b8b5a1]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-item[data-v-b0b8b5a1]:hover{color:var(--color-frost)}.nav-item.active[data-v-b0b8b5a1]{color:var(--color-pure-white)}.sidebar-footer[data-v-b0b8b5a1]{padding:var(--spacing-12) var(--spacing-16);border-top:1px solid var(--color-graphite-rail)}.logout-btn[data-v-b0b8b5a1]{display:flex;align-items:center;gap:var(--spacing-4);padding:6px var(--spacing-12);width:100%;border:1px solid var(--color-graphite-rail);border-radius:var(--radius-buttons);background:transparent;color:var(--color-ash);font-family:var(--font-inter);font-size:var(--text-caption);cursor:pointer;transition:color .15s var(--ease-out),border-color .15s var(--ease-out)}.logout-btn[data-v-b0b8b5a1]:hover{color:var(--color-bounced-red);border-color:var(--color-bounced-red)}.main-area[data-v-b0b8b5a1]{flex:1;margin-left:200px;display:flex;flex-direction:column;min-height:100vh;background:var(--color-void-black)}.header-banner[data-v-b0b8b5a1]{height:140px;border-bottom:1px solid var(--color-graphite-rail);display:flex;align-items:flex-start;justify-content:flex-start;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1008,#0d0d0d,#0a0f18)}.header-bg[data-v-b0b8b5a1]{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 30%;opacity:0;transform:scale(1.05);transition:opacity 1.2s ease-in-out,transform 1.2s ease-in-out;will-change:opacity,transform}.header-bg.active[data-v-b0b8b5a1]{opacity:1;transform:scale(1)}.header-banner[data-v-b0b8b5a1]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--color-void-black),transparent);pointer-events:none;z-index:1}.header-dots[data-v-b0b8b5a1]{position:absolute;bottom:10px;right:var(--spacing-24);display:flex;gap:var(--spacing-4);z-index:2}.header-dot[data-v-b0b8b5a1]{width:6px;height:6px;border-radius:50%;border:none;background:#ffffff40;cursor:pointer;transition:background .2s,transform .2s;padding:0}.header-dot[data-v-b0b8b5a1]:hover{background:#ffffff80;transform:scale(1.3)}.header-dot.active[data-v-b0b8b5a1]{background:var(--color-pure-white);transform:scale(1.3)}.header-brand-overlay[data-v-b0b8b5a1]{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-24);position:relative;z-index:2}.header-logo-mark[data-v-b0b8b5a1]{color:var(--color-electric-blue);flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(59,158,255,.3))}.header-logo[data-v-b0b8b5a1]{font-family:var(--font-domaine);font-size:36px;font-weight:var(--font-weight-bold);color:var(--color-pure-white);letter-spacing:.06em;line-height:1;text-shadow:0 0 24px rgba(59,158,255,.35),0 2px 6px rgba(0,0,0,.6)}.header-logo-sub[data-v-b0b8b5a1]{font-family:var(--font-inter);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:#f0f0f099;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.6)}.topbar[data-v-b0b8b5a1]{display:flex;align-items:center;padding:var(--spacing-12) var(--spacing-24);border-bottom:1px solid var(--color-graphite-rail)}.topbar-title[data-v-b0b8b5a1]{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);color:var(--color-pure-white)}.content-area[data-v-b0b8b5a1]{flex:1;padding:var(--spacing-32) var(--spacing-32);width:100%}.page-enter-active[data-v-b0b8b5a1]{transition:all .2s var(--ease-out)}.page-leave-active[data-v-b0b8b5a1]{transition:all .15s ease-in}.page-enter-from[data-v-b0b8b5a1]{opacity:0;transform:translateY(6px)}.page-leave-to[data-v-b0b8b5a1]{opacity:0}:root{--color-void-black: #000000;--color-graphite-rail: #292d30;--color-smoke: #464a4d;--color-ash: #6c6c6c;--color-steel: #6e727a;--color-fog: #a1a4a5;--color-mist: #abafb4;--color-frost: #f0f0f0;--color-pure-white: #ffffff;--color-electric-blue: #3b9eff;--color-resend-violet: #9281f7;--gradient-resend-violet: linear-gradient(to right bottom in oklab, rgb(146, 129, 247) 0%, rgb(154, 84, 220) 100%);--color-surface-lift: #1b1b1b;--gradient-surface-lift: linear-gradient(rgb(27, 27, 27), rgb(3, 3, 3));--color-delivered-green: #3ad389;--color-bounced-red: #ff9592;--color-complained-yellow: #ffca16;--color-opened-blue: #70b8ff;--color-clicked-lavender: #baa7ff;--color-gold-amber: #d4af37;--font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-domaine: "DM Serif Display", "Domaine", ui-serif, Georgia, serif;--font-abcfavorit: "Inter", "ABCFavorit", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-commitmono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-helvetica: "Helvetica", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-apple-system: -apple-system, "Inter", ui-sans-serif, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption: 12px;--leading-caption: 1.33;--text-body-sm: 14px;--leading-body-sm: 1.43;--text-body: 16px;--leading-body: 1.5;--text-subheading: 18px;--leading-subheading: 1.6;--text-heading-sm: 20px;--leading-heading-sm: 1.3;--text-heading: 24px;--leading-heading: 1.33;--text-heading-lg: 56px;--leading-heading-lg: 1;--tracking-heading-lg: -2.8px;--text-display: 96px;--leading-display: 1;--tracking-display: -.96px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-unit: 4px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-64: 64px;--spacing-80: 80px;--spacing-96: 96px;--spacing-104: 104px;--spacing-144: 144px;--page-max-width: 1200px;--card-padding: 32px;--element-gap: 16px;--radius-md: 6px;--radius-lg: 10px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-tags: 10px;--radius-cards: 16px;--radius-large: 24px;--radius-badges: 6px;--radius-modals: 16px;--radius-buttons: 6px;--shadow-subtle: rgba(176, 199, 217, .145) 0px 0px 0px 1px;--shadow-subtle-2: rgb(0, 0, 0) 0px 0px 0px 8px;--shadow-subtle-3: rgba(0, 0, 0, .1) 0px 1px 3px 0px, rgba(0, 0, 0, .1) 0px 1px 2px -1px;--surface-canvas: #000000;--surface-card-surface: #0b0e14;--surface-ui-rail: #292d30;--surface-overlay: #1b1b1b;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-inter);background:var(--color-void-black);color:var(--color-frost);font-size:var(--text-body);font-weight:var(--font-weight-regular);letter-spacing:normal;line-height:var(--leading-body);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-void-black)}::-webkit-scrollbar-thumb{background:var(--color-graphite-rail);border-radius:2px}::selection{background:var(--color-graphite-rail);color:var(--color-frost)}select option{background:var(--color-void-black);color:var(--color-frost);padding:var(--spacing-8) var(--spacing-12)}select option:hover,select option:focus,select option:active,select option:checked{background:var(--color-surface-lift)}select optgroup{font-family:var(--font-inter);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-ash);font-style:normal;padding:var(--spacing-8) var(--spacing-12) var(--spacing-4);background:var(--color-void-black);border-bottom:1px solid var(--color-graphite-rail)}select optgroup option{padding-left:var(--spacing-20);color:var(--color-frost);font-weight:var(--font-weight-regular);font-size:var(--text-body-sm)}