:root{--bb-bg-base: #09090F;--bb-bg-raised: #0F0F18;--bb-bg-surface: #13131E;--bb-bg-elevated: #1A1A28;--bb-bg-overlay: #20202E;--bb-purple-900: #1E0845;--bb-purple-800: #2D1165;--bb-purple-700: #4C1D95;--bb-purple-600: #6D28D9;--bb-purple-500: #8B5CF6;--bb-purple-400: #A78BFA;--bb-purple-300: #C4B5FD;--bb-purple-200: #DDD6FE;--bb-purple-100: #EDE9FE;--bb-accent: var(--bb-purple-500);--bb-accent-light: var(--bb-purple-400);--bb-accent-dim: rgba(139, 92, 246, .12);--bb-accent-glow: rgba(139, 92, 246, .22);--bb-accent-border: rgba(139, 92, 246, .2);--bb-text-primary: #F3F0FF;--bb-text-secondary: rgba(243, 240, 255, .68);--bb-text-muted: rgba(243, 240, 255, .5);--bb-text-faint: rgba(243, 240, 255, .35);--bb-text-inverse: #09090F;--bb-green: #34D399;--bb-green-dim: rgba(52, 211, 153, .15);--bb-yellow: #FBBF24;--bb-yellow-dim:rgba(251, 191, 36, .15);--bb-red: #F87171;--bb-red-dim: rgba(248, 113, 113, .15);--bb-teal: #2DD4BF;--bb-teal-dim: rgba(45, 212, 191, .15);--bb-orange: #FB923C;--bb-orange-dim:rgba(251, 146, 60, .15);--bb-blue: #60A5FA;--bb-blue-dim: rgba(96, 165, 250, .15);--bb-priority-urgent: var(--bb-red);--bb-priority-high: var(--bb-orange);--bb-priority-normal: var(--bb-blue);--bb-priority-low: var(--bb-text-muted);--bb-status-open: var(--bb-blue);--bb-status-in-progress: var(--bb-purple-400);--bb-status-waiting: var(--bb-yellow);--bb-status-resolved: var(--bb-green);--bb-status-closed: var(--bb-text-faint);--bb-status-spam: var(--bb-text-faint);--bb-glass-bg: rgba(255, 255, 255, .03);--bb-glass-bg-hover: rgba(255, 255, 255, .05);--bb-glass-bg-active: rgba(255, 255, 255, .07);--bb-glass-border: rgba(255, 255, 255, .068);--bb-glass-border-strong: rgba(255, 255, 255, .1);--bb-glass-border-accent: rgba(139, 92, 246, .22);--bb-glass-blur: blur(12px);--bb-glass-blur-lg: blur(24px);--bb-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--bb-font-mono: "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace;--bb-text-2xs: .65rem;--bb-text-xs: .75rem;--bb-text-sm: .875rem;--bb-text-base: 1rem;--bb-text-lg: 1.125rem;--bb-text-xl: 1.25rem;--bb-text-2xl: 1.5rem;--bb-text-3xl: 1.875rem;--bb-text-4xl: 2.25rem;--bb-weight-regular: 400;--bb-weight-medium: 500;--bb-weight-semibold: 600;--bb-weight-bold: 700;--bb-leading-tight: 1.2;--bb-leading-snug: 1.35;--bb-leading-normal: 1.5;--bb-leading-relaxed: 1.7;--bb-space-1: .25rem;--bb-space-2: .5rem;--bb-space-3: .75rem;--bb-space-4: 1rem;--bb-space-5: 1.25rem;--bb-space-6: 1.5rem;--bb-space-8: 2rem;--bb-space-10: 2.5rem;--bb-space-12: 3rem;--bb-space-16: 4rem;--bb-radius-sm: 6px;--bb-radius-md: 10px;--bb-radius-lg: 14px;--bb-radius-xl: 20px;--bb-radius-2xl: 28px;--bb-radius-full: 9999px;--bb-shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.4);--bb-shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3);--bb-shadow-lg: 0 12px 32px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.35);--bb-shadow-xl: 0 24px 64px rgba(0,0,0,.6);--bb-glow-sm: 0 0 16px rgba(139, 92, 246, .18);--bb-glow-md: 0 0 32px rgba(139, 92, 246, .24);--bb-sidebar-width: 240px;--bb-sidebar-width-collapsed: 64px;--bb-topbar-height: 56px;--bb-content-max-w: 1280px;--bb-transition-fast: .12s ease;--bb-transition-normal: .2s ease;--bb-transition-slow: .35s ease;--bb-z-base: 0;--bb-z-raised: 10;--bb-z-dropdown:200;--bb-z-sticky: 300;--bb-z-overlay: 400;--bb-z-modal: 500;--bb-z-toast: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--bb-font-sans);font-size:var(--bb-text-sm);line-height:var(--bb-leading-normal);color:var(--bb-text-primary);background-color:var(--bb-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(139,92,246,.06) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 90% 85%,rgba(109,40,217,.05) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;height:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--bb-weight-bold);line-height:var(--bb-leading-tight);color:var(--bb-text-primary);letter-spacing:-.02em}p{color:var(--bb-text-secondary);line-height:var(--bb-leading-relaxed)}a{color:var(--bb-accent-light);text-decoration:none;transition:color var(--bb-transition-normal)}a:hover{color:var(--bb-purple-300)}strong{font-weight:var(--bb-weight-semibold);color:var(--bb-text-primary)}code,kbd{font-family:var(--bb-font-mono);font-size:.875em;background:#ffffff0f;border:1px solid var(--bb-glass-border);border-radius:var(--bb-radius-sm);padding:.1em .4em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--bb-radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}:focus-visible{outline:2px solid var(--bb-accent);outline-offset:2px;border-radius:var(--bb-radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.bb-card{background:var(--bb-glass-bg);backdrop-filter:var(--bb-glass-blur);-webkit-backdrop-filter:var(--bb-glass-blur);border:1px solid var(--bb-glass-border);border-radius:var(--bb-radius-lg);transition:border-color var(--bb-transition-normal)}.bb-card--accent{background:var(--bb-accent-dim);border-color:var(--bb-accent-border)}.bb-card--interactive:hover{border-color:var(--bb-glass-border-strong);background:var(--bb-glass-bg-hover)}.bb-card--p-sm{padding:var(--bb-space-4)}.bb-card--p-md{padding:var(--bb-space-6)}.bb-card--p-lg{padding:var(--bb-space-8)}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bb-space-2);padding:var(--bb-space-2) var(--bb-space-5);border-radius:var(--bb-radius-full);font-family:var(--bb-font-sans);font-size:var(--bb-text-sm);font-weight:var(--bb-weight-semibold);line-height:1;cursor:pointer;border:1px solid transparent;transition:all var(--bb-transition-normal);white-space:nowrap;text-decoration:none}.bb-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.bb-btn--primary{background:linear-gradient(135deg,var(--bb-purple-500) 0%,var(--bb-purple-600) 100%);color:#fff;box-shadow:var(--bb-glow-sm),var(--bb-shadow-md)}.bb-btn--primary:hover{background:linear-gradient(135deg,var(--bb-purple-400) 0%,var(--bb-purple-500) 100%);box-shadow:var(--bb-glow-md),var(--bb-shadow-lg);transform:translateY(-1px);color:#fff}.bb-btn--secondary{background:var(--bb-glass-bg);border-color:var(--bb-glass-border-accent);color:var(--bb-text-primary);backdrop-filter:var(--bb-glass-blur)}.bb-btn--secondary:hover{background:var(--bb-glass-bg-hover);border-color:#8b5cf661;color:var(--bb-text-primary)}.bb-btn--ghost{background:transparent;color:var(--bb-text-secondary)}.bb-btn--ghost:hover{background:var(--bb-glass-bg);color:var(--bb-text-primary)}.bb-btn--danger{background:var(--bb-red-dim);border-color:#f871714d;color:var(--bb-red)}.bb-btn--danger:hover{background:#f8717133;color:var(--bb-red)}.bb-btn--sm{padding:var(--bb-space-1) var(--bb-space-3);font-size:var(--bb-text-xs)}.bb-btn--lg{padding:var(--bb-space-3) var(--bb-space-8);font-size:var(--bb-text-base)}.bb-badge{display:inline-flex;align-items:center;gap:var(--bb-space-1);padding:2px var(--bb-space-2);border-radius:var(--bb-radius-full);font-size:var(--bb-text-2xs);font-weight:var(--bb-weight-semibold);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.bb-badge--purple{background:var(--bb-accent-dim);color:var(--bb-purple-300);border:1px solid var(--bb-accent-border)}.bb-badge--green{background:var(--bb-green-dim);color:var(--bb-green);border:1px solid rgba(52,211,153,.25)}.bb-badge--yellow{background:var(--bb-yellow-dim);color:var(--bb-yellow);border:1px solid rgba(251,191,36,.25)}.bb-badge--red{background:var(--bb-red-dim);color:var(--bb-red);border:1px solid rgba(248,113,113,.25)}.bb-badge--orange{background:var(--bb-orange-dim);color:var(--bb-orange);border:1px solid rgba(251,146,60,.25)}.bb-badge--blue{background:var(--bb-blue-dim);color:var(--bb-blue);border:1px solid rgba(96,165,250,.25)}.bb-badge--muted{background:#ffffff0d;color:var(--bb-text-muted);border:1px solid var(--bb-glass-border)}.bb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.bb-dot--green{background:var(--bb-green)}.bb-dot--yellow{background:var(--bb-yellow)}.bb-dot--red{background:var(--bb-red)}.bb-dot--orange{background:var(--bb-orange)}.bb-dot--blue{background:var(--bb-blue)}.bb-dot--muted{background:var(--bb-text-faint)}.bb-dot--pulse{animation:bb-pulse 2s ease-in-out infinite}@keyframes bb-pulse{0%,to{opacity:1}50%{opacity:.4}}.bb-input{width:100%;padding:var(--bb-space-2) var(--bb-space-3);background:var(--bb-glass-bg);border:1px solid var(--bb-glass-border);border-radius:var(--bb-radius-md);color:var(--bb-text-primary);font-family:var(--bb-font-sans);font-size:var(--bb-text-sm);transition:border-color var(--bb-transition-normal),background var(--bb-transition-normal);outline:none}.bb-input::placeholder{color:var(--bb-text-faint)}.bb-input:focus{border-color:var(--bb-accent-border);background:var(--bb-glass-bg-hover)}.bb-label{display:block;font-size:var(--bb-text-xs);font-weight:var(--bb-weight-semibold);color:var(--bb-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--bb-space-2)}.bb-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(243,240,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--bb-space-3) center;padding-right:var(--bb-space-8)}.bb-table{width:100%;border-collapse:collapse;font-size:var(--bb-text-sm)}.bb-table th{text-align:left;font-size:var(--bb-text-xs);font-weight:var(--bb-weight-semibold);color:var(--bb-text-muted);letter-spacing:.06em;text-transform:uppercase;padding:var(--bb-space-3) var(--bb-space-4);border-bottom:1px solid var(--bb-glass-border)}.bb-table td{padding:var(--bb-space-3) var(--bb-space-4);border-bottom:1px solid rgba(255,255,255,.04);color:var(--bb-text-secondary);vertical-align:middle}.bb-table tr:last-child td{border-bottom:none}.bb-table tr:hover td{background:var(--bb-glass-bg)}.bb-divider{border:none;border-top:1px solid var(--bb-glass-border);margin-block:var(--bb-space-6)}.bb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bb-space-3);padding:var(--bb-space-12) var(--bb-space-6);text-align:center}.bb-empty__icon{width:40px;height:40px;color:var(--bb-text-faint)}.bb-empty__title{font-size:var(--bb-text-sm);font-weight:var(--bb-weight-semibold);color:var(--bb-text-muted)}.bb-empty__body{font-size:var(--bb-text-xs);color:var(--bb-text-faint);max-width:36ch}.bb-text-gradient{background:linear-gradient(135deg,var(--bb-purple-300) 0%,var(--bb-accent) 50%,var(--bb-purple-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bb-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:bb-shimmer 1.5s infinite;border-radius:var(--bb-radius-md)}@keyframes bb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.portal-layout{min-height:100dvh;display:flex;flex-direction:column}.portal-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--bb-space-6);border-bottom:1px solid var(--bb-glass-border);background:#09090fb3;backdrop-filter:var(--bb-glass-blur);-webkit-backdrop-filter:var(--bb-glass-blur);position:sticky;top:0;z-index:var(--bb-z-sticky)}.portal-header__brand{display:flex;align-items:center;gap:var(--bb-space-3);text-decoration:none}.portal-header__logo{width:28px;height:28px;background:linear-gradient(135deg,var(--bb-purple-500),var(--bb-purple-700));border-radius:var(--bb-radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--bb-glow-sm)}.portal-header__wordmark{font-size:var(--bb-text-sm);font-weight:var(--bb-weight-bold);color:var(--bb-text-primary)}.portal-header__wordmark span{color:var(--bb-text-muted);font-weight:var(--bb-weight-regular);margin-left:4px}.portal-nav{display:flex;gap:var(--bb-space-4)}.portal-nav a{font-size:var(--bb-text-sm);color:var(--bb-text-secondary);text-decoration:none;transition:color var(--bb-transition-normal)}.portal-nav a:hover,.portal-nav a.active{color:var(--bb-text-primary)}.portal-main{flex:1;padding:var(--bb-space-12) var(--bb-space-5);display:flex;justify-content:center}.portal-container{width:100%;max-width:640px}.portal-form-card{background:var(--bb-glass-bg);backdrop-filter:var(--bb-glass-blur-lg);-webkit-backdrop-filter:var(--bb-glass-blur-lg);border:1px solid var(--bb-glass-border);border-radius:var(--bb-radius-2xl);padding:var(--bb-space-8);box-shadow:var(--bb-shadow-xl)}.portal-form-card__title{font-size:var(--bb-text-2xl);font-weight:var(--bb-weight-bold);color:var(--bb-text-primary);letter-spacing:-.02em;margin-bottom:var(--bb-space-2)}.portal-form-card__subtitle{font-size:var(--bb-text-sm);color:var(--bb-text-muted);line-height:var(--bb-leading-relaxed);margin-bottom:var(--bb-space-8)}.portal-form-group{display:flex;flex-direction:column;gap:var(--bb-space-5);margin-bottom:var(--bb-space-6)}.portal-form-field{display:flex;flex-direction:column;gap:var(--bb-space-2)}.portal-form-field textarea{resize:vertical;min-height:120px;font-family:var(--bb-font-sans)}.portal-form-hint{font-size:var(--bb-text-xs);color:var(--bb-text-faint);line-height:var(--bb-leading-relaxed)}.portal-trust-bar{display:flex;flex-wrap:wrap;gap:var(--bb-space-4) var(--bb-space-6);justify-content:center;margin-top:var(--bb-space-8);padding-top:var(--bb-space-6);border-top:1px solid var(--bb-glass-border)}.portal-trust-item{display:flex;align-items:center;gap:var(--bb-space-2);font-size:var(--bb-text-xs);color:var(--bb-text-faint)}.portal-trust-item svg{width:14px;height:14px;color:var(--bb-accent-light)}.portal-footer{padding:var(--bb-space-6);text-align:center;border-top:1px solid var(--bb-glass-border);font-size:var(--bb-text-xs);color:var(--bb-text-faint)}.portal-success{text-align:center;padding:var(--bb-space-16) var(--bb-space-6)}.portal-success__icon{width:56px;height:56px;background:var(--bb-green-dim);border:1px solid rgba(52,211,153,.3);border-radius:var(--bb-radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--bb-space-6);color:var(--bb-green)}.portal-success__title{font-size:var(--bb-text-2xl);font-weight:var(--bb-weight-bold);color:var(--bb-text-primary);margin-bottom:var(--bb-space-3)}.portal-success__body{color:var(--bb-text-secondary);max-width:44ch;margin:0 auto var(--bb-space-8);line-height:var(--bb-leading-relaxed)}@media(max-width:640px){.portal-form-card{padding:var(--bb-space-6);border-radius:var(--bb-radius-xl)}.portal-main{padding:var(--bb-space-6) var(--bb-space-4)}}