@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--bg-app: #EEEEEE;--bg-surface: #FFFFFF;--bg-surface-elevated: #F7F7F7;--bg-surface-hover: #F0F0F0;--bg-surface-glass: rgba(255, 255, 255, .72);--bg-dark: #111111;--bg-dark-hover: #222222;--bg-dark-card: #181818;--border-subtle: #EBEBEB;--border-default: #E0E0E0;--border-highlight: #C8C8C8;--border-focus: #111111;--text-primary: #111111;--text-secondary: #555555;--text-muted: #9A9A9A;--text-inverse: #FFFFFF;--success: #16a34a;--success-bg: rgba(22, 163, 74, .08);--success-border: rgba(22, 163, 74, .2);--warning: #b45309;--warning-bg: rgba(180, 83, 9, .08);--warning-border: rgba(180, 83, 9, .2);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .08);--danger-border: rgba(220, 38, 38, .2);--info: #2563eb;--info-bg: rgba(37, 99, 235, .08);--info-border: rgba(37, 99, 235, .2);--primary-gradient: #111111;--accent-glow: rgba(17,17,17,.08);--emerald-500: #16a34a;--emerald-bg: rgba(22, 163, 74, .08);--emerald-border: rgba(22, 163, 74, .2);--amber-500: #b45309;--amber-bg: rgba(180, 83, 9, .08);--amber-border: rgba(180, 83, 9, .2);--rose-500: #dc2626;--rose-bg: rgba(220, 38, 38, .08);--rose-border: rgba(220, 38, 38, .2);--purple-500: #7c3aed;--purple-bg: rgba(124, 58, 237, .08);--purple-border: rgba(124, 58, 237, .2);--cyan-500: #0891b2;--cyan-bg: rgba(8, 145, 178, .08);--cyan-border: rgba(8, 145, 178, .2);--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 20px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 10px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--shadow-glass: 0 8px 32px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.9);--radius-xs: 6px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .14s cubic-bezier(.4, 0, .2, 1);--transition-normal: .24s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-app);background-image:radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.6) 0%,transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(255,255,255,.4) 0%,transparent 55%);background-attachment:fixed;color:var(--text-primary);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}.app-container{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh}.content-body{padding:2rem 2.5rem;max-width:1500px;margin:0 auto;width:100%;flex:1}.sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50;box-shadow:var(--shadow-sm)}.sidebar-header{padding:1.375rem 1.25rem .875rem;border-bottom:1px solid var(--border-subtle)}.sidebar-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none}.sidebar-logo-icon{width:32px;height:32px;background:var(--bg-dark);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-text{font-size:.9375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.sidebar-logo-sub{font-size:.6rem;font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;display:block}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;overflow-y:auto}.nav-section-label{font-size:.6rem;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:.875rem .5rem .3rem}.nav-link{display:flex;align-items:center;gap:.65rem;padding:.475rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.8375rem;font-weight:450;transition:all var(--transition-fast);margin-bottom:1px;white-space:nowrap;border:1px solid transparent}.nav-link:hover{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.nav-link.active{background:var(--bg-dark);color:var(--text-inverse);font-weight:600;border-color:transparent;box-shadow:0 2px 8px #00000026}.nav-link svg{opacity:.6}.nav-link:hover svg{opacity:.85}.nav-link.active svg{opacity:1}.sidebar-footer{padding:.875rem 1.25rem;border-top:1px solid var(--border-subtle);font-size:.6875rem;color:var(--text-muted)}.demo-banner{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:.4rem 2rem;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap;gap:.4rem;min-height:36px}.demo-pills{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.demo-pill-btn{padding:.175rem .55rem;font-size:.6875rem;font-weight:500;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.25rem;font-family:var(--font-sans)}.demo-pill-btn:hover{border-color:var(--border-highlight);color:var(--text-primary)}.demo-pill-btn.active{background:var(--bg-dark);color:var(--text-inverse);border-color:var(--bg-dark);font-weight:650}.top-header{height:58px;background:var(--bg-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:40}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.card-dark{background:var(--bg-dark);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);color:var(--text-inverse)}.card-glass{background:var(--bg-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-glass)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem 1.0625rem;font-size:.875rem;font-weight:550;font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1;white-space:nowrap}.btn-primary{background:var(--bg-dark);color:var(--text-inverse);border-color:var(--bg-dark)}.btn-primary:hover{background:var(--bg-dark-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-highlight)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}.btn-outline:hover{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-highlight)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.btn-sm{padding:.35rem .7rem;font-size:.8125rem;border-radius:var(--radius-xs)}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem;border-radius:var(--radius-md)}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.275rem;padding:.2rem .575rem;border-radius:var(--radius-full);font-size:.6625rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.badge-verified{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-submitted{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-critical{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge-neutral{background:var(--bg-surface-elevated);color:var(--text-secondary);border-color:var(--border-default)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.125rem}.form-label{font-size:.8375rem;font-weight:580;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);padding:.6rem .875rem;font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #1111110f}.form-textarea{resize:vertical;min-height:90px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem;animation:pf-fadein .14s ease}.modal-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);max-width:640px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:pf-scalein .16s cubic-bezier(.34,1.56,.64,1)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:90;display:flex;justify-content:flex-end;animation:pf-fadein .14s ease}.drawer-content{width:560px;max-width:92vw;background:var(--bg-surface);height:100%;border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow-y:auto;animation:pf-slidein-right .2s cubic-bezier(.4,0,.2,1)}.kanban-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;align-items:start}.kanban-col{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;min-height:460px;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow-xs)}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle);font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.graph-container{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;min-height:480px;position:relative;overflow:auto}.progress-bar{width:100%;height:5px;background:var(--bg-surface-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--bg-dark);transition:width .7s cubic-bezier(.4,0,.2,1)}.progress-fill-success{background:var(--success)}.progress-fill-warning{background:var(--warning)}.progress-fill-danger{background:var(--danger)}.progress-fill-info{background:var(--info)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:1px;background:var(--border-subtle)}.timeline-dot{width:32px;height:32px;border-radius:50%;background:var(--bg-surface-elevated);border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;font-size:.75rem}.timeline-dot.active{background:var(--bg-dark);border-color:var(--bg-dark);color:#fff}.timeline-dot.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.timeline-content{padding-bottom:1.5rem;flex:1}@keyframes pf-fadein{0%{opacity:0}to{opacity:1}}@keyframes pf-scalein{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pf-slidein-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 1200px){.sidebar{width:220px}.content-body{padding:1.5rem}}@media (max-width: 768px){.sidebar{display:none}.content-body{padding:1rem}.top-header{padding:0 1rem}.demo-banner{padding:.4rem 1rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}.app-container{display:flex;min-height:100vh;background-color:var(--bg-app)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.content-body{padding:2rem;max-width:1440px;margin:0 auto;width:100%}.sidebar{width:260px;background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:width var(--transition-normal);flex-shrink:0}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-subtle)}.sidebar-logo{font-size:1.25rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem;letter-spacing:-.025em}.sidebar-nav{padding:1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.nav-link{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.nav-link.active{background:#38bdf81a;color:#38bdf8;font-weight:600;border-left:3px solid #38bdf8}.top-header{height:64px;background-color:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:40}.demo-banner{background:linear-gradient(90deg,#1e1b4b,#0c4a6e);border-bottom:1px solid rgba(56,189,248,.2);padding:.5rem 2rem;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:#e0f2fe}.demo-pills{display:flex;gap:.5rem;align-items:center}.demo-pill-btn{padding:.25rem .65rem;font-size:.75rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#f8fafc;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.35rem}.demo-pill-btn:hover{background:#ffffff26}.demo-pill-btn.active{background:#38bdf8;color:#090d16;font-weight:700;border-color:#38bdf8}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast)}.card:hover{border-color:var(--border-default)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 10px #38bdf840}.btn-primary:hover{opacity:.95;box-shadow:0 4px 15px #38bdf866;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-surface-elevated);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--border-highlight)}.btn-outline{background:transparent;border-color:var(--border-default);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--border-highlight);color:var(--text-primary);background-color:#ffffff08}.btn-danger{background-color:var(--rose-bg);color:#fda4af;border-color:var(--rose-border)}.btn-danger:hover{background-color:#f43f5e33}.btn-sm{padding:.35rem .75rem;font-size:.75rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.badge-verified{background:var(--emerald-bg);color:#34d399;border:1px solid var(--emerald-border)}.badge-submitted{background:var(--cyan-bg);color:#38bdf8;border:1px solid var(--cyan-border)}.badge-warning{background:var(--amber-bg);color:#fbbf24;border:1px solid var(--amber-border)}.badge-critical{background:var(--rose-bg);color:#fb7185;border:1px solid var(--rose-border)}.badge-neutral{background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{background-color:var(--bg-surface-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-md);padding:.65rem .85rem;font-size:.875rem;font-family:inherit;transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-content{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:680px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;display:flex;justify-content:flex-end}.drawer-content{width:580px;max-width:90vw;background:var(--bg-surface);height:100%;border-left:1px solid var(--border-default);box-shadow:-5px 0 25px #0009;display:flex;flex-direction:column;overflow-y:auto;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.kanban-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;align-items:start}.kanban-col{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;min-height:500px;display:flex;flex-direction:column;gap:.75rem}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle);font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.graph-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.75rem;min-height:520px;position:relative;overflow:auto;box-shadow:var(--shadow-sm)}.graph-column{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:480px;transition:all var(--transition-fast)}.graph-column:hover{border-color:var(--border-default)}.graph-node-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.875rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 2px #0000000a;position:relative}.graph-node-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-highlight)}.graph-node-card.selected{border-color:var(--border-focus);box-shadow:0 0 0 2px #1111111f}@media print{html,body,.app-container,.main-content,.content-body,#root{background:#fff!important;background-image:none!important;color:#000!important}.sidebar,.top-header,.demo-banner,button{display:none!important}.main-content{margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important}.content-body{padding:2rem!important;margin:0!important;max-width:100%!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important}.card-dark{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#0f172a!important}.card-dark h1,.card-dark h2,.card-dark p,.card-dark span{color:#0f172a!important}.card,.metric-card,.card-dark,.graph-node-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #e2e8f0!important;background:#fff!important}}