@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--harvest-gold: #F5A623;--harvest-bg: #3D2E1A;--intent-amber: #E8C547;--intent-bg: #2D2A1F;--vehicle-honey: #C4A35A;--vehicle-bg: #1F1E1A;--expose-cream: #F0E6D2;--expose-bg: #2A2520;--blocker-red: #E74C3C;--canon-green: #2ECC71;--stale-gray: #7F8C8D;--review-blue: #3498DB;--warning-orange: #F39C12;--review-orange: #F39C12;--assets-blue: #3498DB;--bg-dark: #0D0B09;--bg-panel: #161412;--bg-card: #1E1B18;--bg-hover: #2A2622;--text-primary: #F0E6D2;--text-secondary: #A89F94;--text-muted: #6B6560;--border: #3D3832;--border-light: #4A443D;--font-primary: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Monaco", monospace;--topnav-height: 64px;--hivenav-expanded: 240px;--hivenav-collapsed: 56px;--contentnav-width: 280px;--rightmenu-width: 240px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .15s ease;--transition-normal: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-primary);background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23F5A623' stroke-opacity='0.06' stroke-width='2' stroke-linejoin='round'%3E%3Cpolygon points='160,20 210,60 160,100 110,60'/%3E%3Cpolygon points='160,100 210,60 260,110 210,150'/%3E%3Cpolygon points='160,100 210,150 160,200 110,150'/%3E%3Cpolygon points='110,60 160,100 110,150 60,110'/%3E%3Cpolygon points='210,150 260,110 280,180 230,220'/%3E%3Cpolygon points='110,150 160,200 110,240 60,200'/%3E%3Cpolygon points='160,200 210,150 230,220 180,260'/%3E%3Cpolygon points='160,200 180,260 140,300 110,240'/%3E%3Cpolygon points='60,110 110,150 60,200 20,160'/%3E%3Cpolygon points='20,160 60,200 40,270 0,230'/%3E%3Cpolygon points='260,110 310,150 280,180 230,220'/%3E%3Cpolygon points='310,150 320,230 280,180'/%3E%3Cpolygon points='180,260 230,220 260,290 200,320'/%3E%3Cpolygon points='140,300 180,260 200,320'/%3E%3Cpolygon points='40,270 110,240 140,300 80,320'/%3E%3C/g%3E%3Cg fill='none' stroke='%23F5A623' stroke-opacity='0.03' stroke-width='1'%3E%3Cpath d='M160 20 L160 320'/%3E%3Cpath d='M20 160 L320 160'/%3E%3Cpath d='M60 110 L260 290'/%3E%3Cpath d='M260 110 L40 270'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{position:relative;z-index:1;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::selection{background:var(--harvest-gold);color:var(--bg-dark)}:focus-visible{outline:2px solid var(--harvest-gold);outline-offset:2px}code,pre{font-family:var(--font-mono)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;visibility:hidden;transition:all .2s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(20px);transition:transform .2s ease}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:600}.modal-close{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s ease}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:300}.toast{padding:12px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 4px 20px #0000004d;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.toast.success .toast-icon{background:var(--canon-green);color:#fff}.toast.error .toast-icon{background:var(--blocker-red);color:#fff}.toast.warning .toast-icon{background:var(--warning-orange);color:#fff}.toast.info .toast-icon{background:var(--review-blue);color:#fff}.toast-message{font-size:13px;color:var(--text-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:12px;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:13px;transition:border-color .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--harvest-gold);box-shadow:0 0 0 2px #f5a62333}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:100px;font-family:var(--font-mono);line-height:1.6;resize:vertical}.form-hint{font-size:11px;color:var(--text-muted);margin-top:var(--spacing-xs)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--harvest-gold);border-radius:50%;animation:spin .8s linear infinite}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;min-width:160px;box-shadow:0 8px 32px #0006;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease;z-index:150}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;cursor:pointer;transition:background .15s;font-size:13px;color:var(--text-primary)}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item:first-child{border-radius:7px 7px 0 0}.dropdown-item:last-child{border-radius:0 0 7px 7px}.dropdown-divider{height:1px;background:var(--border);margin:var(--spacing-xs) 0}.blocker-badge{background:var(--blocker-red);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;font-family:var(--font-mono)}.status-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.status-badge.draft{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.status-badge.exploring{background:#f5a62333;color:var(--harvest-gold)}.status-badge.review{background:#3498db33;color:var(--review-blue)}.status-badge.approved,.status-badge.canon{background:#2ecc7133;color:var(--canon-green)}.status-badge.blocking{background:#e74c3c33;color:var(--blocker-red)}.btn{font-family:var(--font-primary);font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary{background:linear-gradient(135deg,var(--harvest-gold) 0%,var(--intent-amber) 100%);border:none;color:var(--bg-dark)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-danger{background:var(--blocker-red);border:none;color:#fff}.btn-danger:hover{opacity:.9}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-small{padding:6px 12px;font-size:12px}.btn-medium{padding:8px 16px;font-size:13px}.btn-large{padding:12px 24px;font-size:14px}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.spinner{border:3px solid var(--border);border-top-color:var(--harvest-gold);border-radius:50%;animation:spin .8s linear infinite}.spinner-small .spinner{width:20px;height:20px}.spinner-medium .spinner{width:32px;height:32px}.spinner-large .spinner{width:48px;height:48px}.spinner-text{font-size:14px;color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.crab-logo{display:block}