*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-heading: "JetBrains Mono", monospace;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--sidebar-width: 220px;--header-height: 52px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}[data-theme=dark]{--color-bg: #0d1117;--color-bg-elevated: #161b22;--color-surface: rgba(22, 27, 34, .7);--color-surface-hover: rgba(30, 37, 48, .8);--color-header: rgba(13, 17, 23, .85);--color-border: rgba(0, 176, 240, .08);--color-border-active: rgba(0, 176, 240, .25);--color-primary: #00b0f0;--color-primary-dim: rgba(0, 176, 240, .15);--color-secondary: #a064ff;--color-secondary-dim: rgba(160, 100, 255, .15);--color-success: #00dc82;--color-success-dim: rgba(0, 220, 130, .12);--color-warning: #ffb400;--color-warning-dim: rgba(255, 180, 0, .12);--color-danger: #ff4757;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-text-dim: #484f58;--color-input-bg: rgba(13, 17, 23, .6);--glass: saturate(180%) blur(20px);--shadow-glow: 0 0 30px rgba(0, 176, 240, .06);--shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 0 40px rgba(0, 176, 240, .03);--ambient-1: rgba(0, 176, 240, .04);--ambient-2: rgba(160, 100, 255, .03);--ambient-3: rgba(0, 220, 130, .015);--grid-color: rgba(0, 176, 240, .02);--nav-active-bg: rgba(0, 176, 240, .08);--nav-active-glow: inset 0 0 20px rgba(0, 176, 240, .04);--table-row-border: rgba(0, 176, 240, .03);--table-row-hover-bg: rgba(0, 176, 240, .04);--card-highlight: rgba(0, 176, 240, .15);--score-pursue-glow: 0 0 12px rgba(0, 220, 130, .1);--score-review-glow: 0 0 12px rgba(255, 180, 0, .08);--live-bg: rgba(0, 220, 130, .06);--live-border: rgba(0, 220, 130, .15);--avatar-bg: linear-gradient(135deg, rgba(0, 176, 240, .2), rgba(160, 100, 255, .2));--avatar-glow: 0 0 12px rgba(0, 176, 240, .1);--link-hover: #4dd4ff;--link-hover-glow: 0 0 12px rgba(0, 176, 240, .3);--btn-primary-bg: linear-gradient(135deg, var(--color-primary), #0090cc);--btn-primary-text: #000;--btn-primary-shadow: 0 0 20px rgba(0, 176, 240, .2);--btn-primary-hover-shadow: 0 0 30px rgba(0, 176, 240, .35);--logo-glow: 0 0 20px rgba(0, 176, 240, .3);--skip-badge-bg: rgba(72, 79, 88, .3);--expired-badge-bg: rgba(72, 79, 88, .3)}[data-theme=light]{--color-bg: #F7F5FA;--color-bg-elevated: #FFFFFF;--color-surface: rgba(255, 255, 255, .85);--color-surface-hover: rgba(245, 240, 252, .9);--color-header: rgba(255, 255, 255, .92);--color-border: rgba(139, 111, 192, .12);--color-border-active: rgba(123, 94, 167, .3);--color-primary: #7B5EA7;--color-primary-dim: rgba(123, 94, 167, .12);--color-secondary: #5A9BD5;--color-secondary-dim: rgba(90, 155, 213, .12);--color-success: #229E5C;--color-success-dim: rgba(34, 158, 92, .1);--color-warning: #E8930C;--color-warning-dim: rgba(232, 147, 12, .1);--color-danger: #D63B4A;--color-text: #2D1B4E;--color-text-muted: #6B5A82;--color-text-dim: #9B8FB5;--color-input-bg: rgba(255, 255, 255, .8);--glass: saturate(120%) blur(20px);--shadow-glow: 0 2px 12px rgba(139, 111, 192, .08);--shadow-card: 0 2px 12px rgba(139, 111, 192, .08);--ambient-1: rgba(123, 94, 167, .04);--ambient-2: rgba(90, 155, 213, .03);--ambient-3: rgba(34, 158, 92, .02);--grid-color: rgba(123, 94, 167, .04);--nav-active-bg: rgba(123, 94, 167, .08);--nav-active-glow: inset 0 0 20px rgba(123, 94, 167, .04);--table-row-border: rgba(139, 111, 192, .06);--table-row-hover-bg: rgba(123, 94, 167, .04);--card-highlight: rgba(123, 94, 167, .2);--score-pursue-glow: 0 0 12px rgba(34, 158, 92, .1);--score-review-glow: 0 0 12px rgba(232, 147, 12, .08);--live-bg: rgba(34, 158, 92, .06);--live-border: rgba(34, 158, 92, .18);--avatar-bg: linear-gradient(135deg, rgba(123, 94, 167, .15), rgba(90, 155, 213, .15));--avatar-glow: 0 2px 8px rgba(123, 94, 167, .1);--link-hover: #5A3D8A;--link-hover-glow: 0 0 8px rgba(123, 94, 167, .15);--btn-primary-bg: linear-gradient(135deg, #7B5EA7, #6A4E96);--btn-primary-text: #FFFFFF;--btn-primary-shadow: 0 2px 12px rgba(123, 94, 167, .25);--btn-primary-hover-shadow: 0 4px 20px rgba(123, 94, 167, .35);--logo-glow: 0 0 12px rgba(123, 94, 167, .2);--skip-badge-bg: rgba(155, 143, 181, .2);--expired-badge-bg: rgba(155, 143, 181, .2)}html,body,#root,.app-header,.app-sidebar,.card,.kpi-card,.input,.btn,.data-table tbody tr,.score-badge,.status-badge{transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html,body,#root{width:100%;height:100%;margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh;overflow:hidden;position:relative}.app-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 800px 600px at 20% 20%,var(--ambient-1) 0%,transparent 70%),radial-gradient(ellipse 600px 500px at 80% 80%,var(--ambient-2) 0%,transparent 70%),radial-gradient(ellipse 900px 400px at 50% 50%,var(--ambient-3) 0%,transparent 60%);pointer-events:none;z-index:0;animation:ambientShift 30s ease-in-out infinite alternate}.app-layout:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;opacity:.5}@keyframes ambientShift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(-2%,1%)}to{transform:scale(.98) translate(1%,-1%)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;letter-spacing:-.03em}h1{font-size:26px;font-weight:700}h2{font-size:18px}h3{font-size:14px}a{color:var(--color-primary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--link-hover);text-shadow:var(--link-hover-glow)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.app-sidebar{width:var(--sidebar-width);background:var(--color-header);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;z-index:20;position:relative}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.app-header{height:var(--header-height);background:var(--color-header);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-lg);flex-shrink:0;z-index:10}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-lg);scrollbar-width:thin;scrollbar-color:var(--color-text-dim) transparent;position:relative;z-index:1}.app-content::-webkit-scrollbar{width:5px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:var(--color-text-dim);border-radius:3px}.card{background:var(--color-surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--card-highlight),transparent)}.card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-card),var(--shadow-glow);transform:translateY(-2px) scale(1.005)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.card-title{font-family:var(--font-heading);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.kpi-card{background:var(--color-surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:before{content:"";position:absolute;top:-50%;right:-20%;width:120px;height:120px;border-radius:50%;filter:blur(40px);opacity:.15;transition:opacity .3s ease}.kpi-card:hover:before{opacity:.25}.kpi-card:hover{border-color:var(--color-border-active);transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-glow)}.kpi-card[data-accent=primary]:before{background:var(--color-primary)}.kpi-card[data-accent=secondary]:before{background:var(--color-secondary)}.kpi-card[data-accent=success]:before{background:var(--color-success)}.kpi-card[data-accent=warning]:before{background:var(--color-warning)}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary);opacity:.4}.kpi-card[data-accent=secondary]:after{background:var(--color-secondary)}.kpi-card[data-accent=success]:after{background:var(--color-success)}.kpi-card[data-accent=warning]:after{background:var(--color-warning)}.kpi-label{font-family:var(--font-heading);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:8px;position:relative}.kpi-value{font-family:var(--font-heading);font-size:32px;font-weight:700;line-height:1;color:var(--color-text);position:relative}.kpi-subtitle{font-size:11px;color:var(--color-text-dim);margin-top:6px;position:relative}.score-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.02em}.score-badge.pursue{background:var(--color-success-dim);color:var(--color-success);box-shadow:var(--score-pursue-glow)}.score-badge.review{background:var(--color-warning-dim);color:var(--color-warning);box-shadow:var(--score-review-glow)}.score-badge.skip{background:var(--skip-badge-bg);color:var(--color-text-dim)}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.status-badge.new{background:var(--color-primary-dim);color:var(--color-primary)}.status-badge.reviewing{background:var(--color-secondary-dim);color:var(--color-secondary)}.status-badge.pursuing{background:var(--color-success-dim);color:var(--color-success)}.status-badge.expired{background:var(--expired-badge-bg);color:var(--color-text-dim)}.status-badge.submitted{background:var(--color-warning-dim);color:var(--color-warning)}.status-badge.no-bid{background:#484f584d;color:var(--color-text-dim)}.status-badge.won{background:var(--color-success-dim);color:var(--color-success)}.status-badge.lost{background:#ff475726;color:var(--color-danger)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{font-family:var(--font-heading);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);padding:10px var(--space-md);text-align:left;border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s ease}.data-table thead th:hover{color:var(--color-primary)}.data-table tbody tr{border-bottom:1px solid var(--table-row-border);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:inset 0 0 0 var(--color-primary)}.data-table tbody tr:hover{background:var(--table-row-hover-bg);box-shadow:inset 3px 0 0 var(--color-primary)}.data-table tbody td{padding:10px var(--space-md);color:var(--color-text);vertical-align:middle}.data-table tbody td.muted{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:hover{transform:translateY(-1px) scale(1.02)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{box-shadow:var(--btn-primary-hover-shadow);transform:translateY(-1px) scale(1.02)}.btn-secondary{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-1px) scale(1.02)}.btn-sm{padding:5px 12px;font-size:12px}.input{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--color-text);font-family:var(--font-body);font-size:13px;outline:none;transition:all .25s ease;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input::placeholder{color:var(--color-text-dim)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim),var(--shadow-glow)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md)}.flex-row{display:flex;align-items:center;gap:var(--space-md)}.flex-between{display:flex;align-items:center;justify-content:space-between}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-in{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) both}.animate-in-1{animation-delay:.06s}.animate-in-2{animation-delay:.12s}.animate-in-3{animation-delay:.18s}.animate-in-4{animation-delay:.24s}.animate-in-5{animation-delay:.3s}.animate-in-6{animation-delay:.36s}.pulse{animation:glowPulse 2.5s ease-in-out infinite}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageEnter .4s cubic-bezier(.22,1,.36,1) both}.scan-line{position:fixed;left:var(--sidebar-width);right:0;height:1px;background:linear-gradient(90deg,transparent,var(--grid-color),transparent);z-index:5;pointer-events:none;animation:scanDrop 12s linear infinite}@keyframes scanDrop{0%{top:var(--header-height)}to{top:100vh}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stagger-item{opacity:0;animation:staggerFadeIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.stagger-row{opacity:0;animation:rowSlideIn .35s cubic-bezier(.22,1,.36,1) both}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-primary-dim) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.score-badge{transition:all .25s ease}.score-badge:hover{transform:scale(1.05)}.score-badge.pursue:hover{box-shadow:0 0 16px var(--color-success-dim),var(--score-pursue-glow)}.score-badge.review:hover{box-shadow:0 0 16px var(--color-warning-dim),var(--score-review-glow)}.nav-item{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nav-active-bg);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:-1;border-radius:inherit}.nav-item:hover:before{transform:translate(0)}.nav-item.active:before{transform:translate(0)}details>summary svg{transition:transform .2s ease}details[open]>summary svg{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scan-line{display:none}.page-transition,.stagger-item,.stagger-row{animation:none;opacity:1}.shimmer-skeleton{animation:none}}.view-mode-toggle{display:inline-flex;gap:0;border:1px solid var(--color-border);border-radius:28px;padding:3px;background:var(--color-surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.view-mode-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 20px;border:1px solid transparent;border-radius:24px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;font-family:var(--font-body)}.view-mode-btn:hover:not(.active){color:var(--color-text);background:var(--color-surface-hover)}.view-mode-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.view-mode-btn.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:transparent;box-shadow:var(--btn-primary-shadow)}.view-mode-label{font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.view-mode-subtitle{font-size:10px;font-weight:400;opacity:.7;white-space:nowrap}.view-mode-btn.active .view-mode-subtitle{opacity:.85}@media(max-width:768px){.view-mode-toggle{flex-direction:column;border-radius:var(--radius-md);width:100%}.view-mode-btn{border-radius:var(--radius-sm);width:100%}}.data-table.no-row-click tbody tr{cursor:default}.data-table.no-row-click tbody tr:hover{box-shadow:none}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:18px;cursor:pointer;margin-right:10px;flex-shrink:0}@media(max-width:1200px){.grid-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mobile-menu-btn{display:flex}.grid-2,.grid-3,.grid-4,.grid-6{grid-template-columns:1fr}.app-sidebar{position:fixed;left:-220px;top:0;bottom:0;z-index:50;transition:left .3s ease}.app-sidebar.open{left:0}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}}