:root{--bg: #0E1116;--panel: #151B23;--panel2: #111721;--border: #242E3A;--border-soft: #1C2530;--text: #E7EDF4;--muted: #8B97A7;--faint: #5C6878;--accent: #7C9CFF;--accent-dim: #7C9CFF33;--ok: #4CC38A;--ok-bg: #4CC38A1A;--warn: #E5B454;--warn-bg: #E5B4541A;--crit: #E5646E;--crit-bg: #E5646E1F;--font-sans: "Archivo", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-primary: var(--bg);--bg-secondary: var(--panel);--bg-glass: var(--panel);--border-color: var(--border);--border-bright: var(--border);--text-main: var(--text);--text-muted: var(--muted);--status-no-issue: hsl(142, 52%, 53%);--status-no-issue-bg: var(--ok-bg);--status-no-issue-border: var(--ok);--status-review: hsl(38, 77%, 62%);--status-review-bg: var(--warn-bg);--status-review-border: var(--warn);--status-action: hsl(354, 71%, 65%);--status-action-bg: var(--crit-bg);--status-action-border: var(--crit);--status-insufficient: hsl(263, 70%, 65%);--status-insufficient-bg: var(--accent-dim);--status-insufficient-border: var(--accent);--accent-cyan: var(--accent);--accent-cyan-glow: var(--accent-dim);--accent-blue: var(--accent);--color-brand-primary: var(--panel);--color-brand-interactive: var(--accent);--color-brand-border: var(--border)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 4px var(--crit-bg)}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.quota .track i{width:64%!important}}*{box-sizing:border-box;margin:0;padding:0}.glass-panel{background-color:var(--panel, #151B23);color:var(--text, #E7EDF4);border:1px solid var(--border, #242E3A);box-shadow:0 8px 32px #00000080}.modal-responsive{background-color:var(--panel, #151B23)!important;color:var(--text, #E7EDF4)!important;border:1px solid var(--border-color, #242E3A);max-width:90vw;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.5}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:4px}.touch-target{min-height:44px;min-width:44px}button{cursor:pointer;border:none;font-family:inherit}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:3px 8px;border-radius:4px;text-transform:uppercase}.chip .dot{width:6px;height:6px;border-radius:50%;display:inline-block}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.ok .dot{background:var(--ok)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.warn .dot{background:var(--warn)}.chip.crit{background:var(--crit-bg);color:var(--crit)}.chip.crit .dot{background:var(--crit);animation:pulse 2.4s ease-in-out infinite}button{font-family:inherit;cursor:pointer}.btn,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--panel2, rgba(255, 255, 255, .05));border:1px solid var(--border, rgba(255, 255, 255, .12));color:var(--text, #f3f4f6);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .15s}.btn:hover,.btn-secondary:hover{border-color:var(--accent, #38bdf8);background:#ffffff14}.btn:active,.btn-secondary:active,.btn-primary:active{transform:scale(.97)}.btn.primary,.btn-primary{background:var(--accent, #38bdf8);color:#05070a;border-color:var(--accent, #38bdf8);font-weight:700}.btn.primary:hover,.btn-primary:hover{filter:brightness(1.1);background:#38bdf8}.btn .badge{background:#05070a33;color:inherit;padding:1px 6px;border-radius:10px;font-size:11px}.mini{background:var(--panel);border:1px solid var(--border-soft);color:var(--muted);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s,transform .15s}.mini:hover{color:var(--text);border-color:var(--accent)}.mini:active{transform:scale(.97)}.ghost{background:none;border:none;color:var(--muted);font-size:12.5px;font-weight:600;padding:4px 8px;border-radius:6px;transition:color .15s}.ghost:hover{color:var(--text)}header{border-bottom:1px solid var(--border);background:var(--panel);padding:12px 24px}header .bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;animation:rise .5s cubic-bezier(.22,1,.36,1) both}header .mark{display:flex;align-items:center;gap:12px}header .logo{width:32px;height:32px;background:var(--accent);color:#05070a;font-weight:800;font-size:14px;border-radius:8px;display:flex;align-items:center;justify-content:center;letter-spacing:-.05em}header .mark b{display:block;font-size:14px;font-weight:800;letter-spacing:.04em}header .mark span{display:block;font-size:11px;color:var(--muted)}.proj{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--border-soft);border-radius:8px;padding:6px 12px;color:var(--text);font-size:13px;font-weight:600}.proj em{font-style:normal;color:var(--muted)}.spacer{flex:1}.quota{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);background:var(--panel2);padding:6px 12px;border-radius:8px;border:1px solid var(--border-soft)}.quota .track{width:60px;height:6px;background:var(--border-soft);border-radius:3px;overflow:hidden;display:inline-block}.quota .track i{display:block;height:100%;background:var(--accent);border-radius:3px;width:64%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 900px){header .bar{gap:10px}}@media (max-width: 768px){.responsive-stack{flex-direction:column!important;align-items:stretch!important}.responsive-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.drawer-responsive{width:100%!important;max-width:100%!important}.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}}.desktop-only{display:inline-flex}.mobile-only{display:none}[role=tablist]{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;max-width:100%!important}[role=tablist]::-webkit-scrollbar{display:none!important}[role=tablist] button[role=tab]{white-space:nowrap!important;flex-shrink:0!important}html{scroll-padding-top:140px}header.app-header{box-sizing:border-box}[data-testid=workspace-project-code],[data-project-code=true]{white-space:nowrap!important;display:inline-block!important;flex-shrink:0!important}@media (max-width: 768px){html{scroll-padding-top:90px}header.app-header{padding:6px 10px!important;gap:4px!important}.app-header-brand{gap:6px!important}.app-header-brand h1{font-size:.9rem!important}.app-header-brand .header-subtitle,.role-label{display:none!important}.app-header-actions{gap:4px!important}.app-header-actions button,.app-header-actions .touch-target,.app-header-actions select{padding:3px 6px!important;font-size:.7rem!important}.portfolio-container{padding:10px 8px 240px!important}}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;width:100%;box-sizing:border-box}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr!important;gap:16px}}[data-portfolio-card=true]{box-sizing:border-box;max-width:100%;scroll-margin-top:140px;scroll-margin-bottom:24px}[data-open-production=true]{scroll-margin-top:140px;scroll-margin-bottom:24px}@media (max-width: 768px){[data-portfolio-card=true],[data-open-production=true]{scroll-margin-top:100px!important;scroll-margin-bottom:24px!important}}[data-portfolio-card=true]:focus-visible,[data-portfolio-card=true]:focus{outline:2px solid #6366f1!important;outline-offset:2px!important;box-shadow:0 0 0 4px #6366f159!important}.portfolio-controls-bar{box-sizing:border-box}.tab-label-desktop{display:inline}.tab-label-mobile{display:none}.portfolio-filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;box-sizing:border-box}.portfolio-filter-tabs button,.portfolio-filter-tab-btn{padding:8px 12px;font-size:13px!important;font-weight:700;white-space:nowrap!important;box-sizing:border-box!important;overflow:visible!important}@media (max-width: 768px){.tab-label-desktop{display:none!important}.tab-label-mobile{display:inline!important}.portfolio-controls-bar{padding:10px!important;gap:10px!important}.portfolio-filter-tabs{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}}@media (max-width: 767px){.responsive-table-container table,.responsive-table-container thead,.responsive-table-container tbody,.responsive-table-container th,.responsive-table-container td,.responsive-table-container tr{display:block!important;width:100%!important;box-sizing:border-box!important}.responsive-table-container thead tr{position:absolute!important;top:-9999px!important;left:-9999px!important;opacity:0!important;height:0!important;overflow:hidden!important}.responsive-table-container tbody tr{margin-bottom:12px!important;padding:14px 16px!important;border-radius:10px!important;background:var(--bg-card, #151b23)!important;border:1px solid var(--border-color, #242e3a)!important;box-shadow:0 2px 8px #0003!important}.responsive-table-container td{padding:6px 0!important;border:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.responsive-table-container td:last-child{margin-top:8px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.05)!important}.responsive-table-container .action-overflow-container{justify-content:flex-start!important;width:100%!important;flex-wrap:wrap!important;gap:8px!important}}.touch-target,button,a.btn,select,input[type=button],input[type=submit]{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.btn-secondary,.btn-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.project-select-card:focus-visible{outline:2px solid var(--accent-cyan, #38bdf8)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #38bdf84d!important}