:root{--bg-primary:transparent;--bg-solid:#06060b;--bg-card:#0a0a16b8;--bg-input:#12121fd1;--bg-elevated:#16162abf;--border-subtle:#1c1c3599;--border-medium:#2a2a4aa6;--glass-blur:blur(16px);--glass-blur-sm:blur(10px);--text-primary:#f0f0f8;--text-secondary:#a0a0c0;--text-muted:#5a5a80;--text-dim:#3a3a5a;--accent-indigo:#7c6aff;--accent-green:#34d399;--accent-red:#f87171;--accent-amber:#fbbf24;--accent-cyan:#22d3ee;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--shadow-card:0 2px 16px #00000059;--step-bar-bg:#06060b99;--toggle-bg:var(--bg-elevated);--toggle-border:var(--border-medium);--toggle-color:var(--text-secondary);--qa-accent:#34d399;--qa-accent-strong:#10b981;--qa-accent-bg:#34d39914;--qa-accent-border:#34d3994d;--qa-bg-hover:#34d39908;--qa-bg-subtle:#34d3990a;--qa-drop-border:#34d39980;--md-accent:#a78bfa;--md-accent-bg:#a78bfa14;--md-accent-border:#a78bfa4d;--md-sidebar-bg:#080810bf;--md-code-bg:#16162acc;--md-blockquote-border:#2a2a4a99;--md-table-stripe:#ffffff05}[data-theme=light]{--bg-primary:#c5c0d8;--bg-solid:#c5c0d8;--bg-card:#c3bed7a6;--bg-input:#b4afcdb3;--bg-elevated:#aaa4c6a6;--border-subtle:#8c84af73;--border-medium:#7870a073;--text-primary:#1e1a30;--text-secondary:#3a3558;--text-muted:#605a78;--text-dim:#8a84a0;--accent-indigo:#5a45d6;--accent-green:#0f8f5e;--accent-red:#d03040;--accent-amber:#c06a06;--accent-cyan:#0780a0;--shadow-card:0 2px 12px #1e143c1a;--step-bar-bg:#b9b4d299;--toggle-bg:var(--bg-card);--toggle-border:var(--border-medium);--toggle-color:var(--text-secondary);--glass-blur:blur(14px);--glass-blur-sm:blur(8px);--qa-accent:#059669;--qa-accent-strong:#047857;--qa-accent-bg:#0596691a;--qa-accent-border:#0596694d;--qa-bg-hover:#0596690f;--qa-bg-subtle:#05966912;--qa-drop-border:#05966980;--md-accent:#7c3aed;--md-accent-bg:#7c3aed14;--md-accent-border:#7c3aed4d;--md-sidebar-bg:#afaac8b3;--md-code-bg:#b9b4d2bf;--md-blockquote-border:#7870a073;--md-table-stripe:#00000008}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);background-image:url(/bg-cosmos.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;transition:background .3s,color .3s}[data-theme=light] body,body[data-theme=light]{background:linear-gradient(160deg,#c5c0d8 0%,#b8b2d0 35%,#c2bad4 65%,#cac4dc 100%) fixed}#root{min-height:100vh}::selection{color:#fff;background:#7c6aff4d}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input,textarea,select,button{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes successPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade{animation:.3s ease-out fadeIn}.animate-slide{animation:.4s ease-out slideUp}.animate-pulse{animation:1.8s ease-in-out infinite pulse}.animate-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) successPop}.app-shell{flex-direction:column;max-width:1120px;min-height:100vh;margin:0 auto;padding:1.5rem 2rem 1rem;display:flex}.header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.header-left{align-items:center;gap:.875rem;display:flex}.header-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.header-icon:before{content:"";border-radius:inherit;opacity:.15;transition:opacity .3s;position:absolute;inset:0}.header-title{letter-spacing:-.03em;font-size:1.35rem;font-weight:800;line-height:1.1}.header-subtitle{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:.72rem;font-weight:500}.header-badge{align-items:center;gap:.5rem;display:flex}.compliance-badge{letter-spacing:.08em;border:1px solid;border-radius:20px;padding:.3rem .65rem;font-size:.65rem;font-weight:600;transition:all .2s}.bit-connected:hover{filter:brightness(1.2);transform:scale(1.05)}.badge-tooltip-wrap{position:relative}.badge-tooltip{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);z-index:100;width:320px;padding:1rem 1.15rem;animation:.2s ease-out fadeIn;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 40px #00000040}.badge-tooltip:before{content:"";background:var(--bg-card);border-left:1px solid var(--border-medium);border-top:1px solid var(--border-medium);width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.badge-tooltip-wrap:hover .badge-tooltip{display:block}.badge-tooltip-title{color:var(--text-primary);margin-bottom:.5rem;font-size:.78rem;font-weight:700;line-height:1.3}.badge-tooltip-body{color:var(--text-secondary);margin-bottom:.65rem;font-size:.72rem;line-height:1.6}.badge-tooltip-link{color:var(--accent-indigo);font-size:.68rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.badge-tooltip-link:hover{color:var(--accent-cyan);text-decoration:underline}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:480px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:1.75rem;box-shadow:0 20px 60px #0006}.settings-field{margin-bottom:1rem}.settings-label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:.35rem;font-size:.72rem;font-weight:600;display:block}.settings-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:.82rem;font-family:var(--font-mono);outline:none;padding:.6rem .8rem;transition:border-color .2s,box-shadow .2s}.settings-input:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 2px #7c6aff1f}.settings-input::placeholder{color:var(--text-dim)}.settings-hint{color:var(--text-dim);margin-top:.3rem;font-size:.65rem;line-height:1.4}.theme-toggle{border-radius:var(--radius-md);background:var(--toggle-bg);border:1px solid var(--toggle-border);width:38px;height:38px;color:var(--toggle-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .25s;display:flex}.theme-toggle:hover{border-color:var(--accent-indigo);color:var(--accent-indigo);transform:scale(1.05)}.main-grid{flex:1;grid-template-columns:270px 1fr;gap:1.25rem;display:grid}.sidebar{flex-direction:column;gap:1rem;display:flex}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1rem;transition:border-color .3s,background .3s,box-shadow .3s}.panel:hover{border-color:var(--border-medium)}.panel-label{letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.65rem;font-weight:600;display:flex}.panel-label:before{content:"";background:var(--text-dim);border-radius:50%;width:4px;height:4px}.credit-card{border-radius:var(--radius-xl);background:linear-gradient(145deg,#1a1a2e 0%,#0a0a14 60%,#12121f 100%);border:1px solid #ffffff0f;flex-direction:column;justify-content:center;min-width:260px;padding:2rem 1.75rem;display:flex;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0d}[data-theme=light] .credit-card{background:linear-gradient(145deg,#1e1e38 0%,#0e0e1a 60%,#1a1a30 100%)}.credit-card-amount{color:#f0f0f8;font-size:2.8rem;font-weight:300;font-family:var(--font-sans);letter-spacing:-.02em;line-height:1.1}.credit-card-label{color:#a0a0b8;margin-top:.35rem;font-size:.82rem;font-weight:400}.credit-card-pending{color:#6a6a8a;margin-top:.5rem;font-size:.72rem}.config-field{margin-bottom:.6rem}.config-field-label{color:var(--text-muted);letter-spacing:.02em;margin-bottom:.2rem;font-size:.68rem;font-weight:500}.config-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:.8rem;font-family:var(--font-mono);outline:none;padding:.5rem .7rem;transition:border-color .2s,box-shadow .2s}.config-input:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 2px #7c6aff1f}.config-input::placeholder{color:var(--text-dim)}.btn{border-radius:var(--radius-md);letter-spacing:.04em;cursor:pointer;border:1px solid;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-config{background:var(--bg-elevated);border-color:var(--border-medium);width:100%;color:var(--text-secondary);padding:.55rem}.btn-config.saved{color:var(--accent-green);background:#34d39914;border-color:#34d39966}.btn-config:hover:not(.saved){border-color:var(--accent-indigo);color:var(--accent-indigo)}.agent-list{flex-direction:column;gap:3px;display:flex}.agent-btn{border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--text-muted);background:0 0;border:1px solid #0000;align-items:center;gap:.6rem;padding:.5rem .7rem;font-size:.78rem;font-weight:500;transition:all .2s;display:flex;position:relative}.agent-btn:hover{color:var(--text-secondary);background:#7c6aff0a;transform:translate(2px)}.agent-btn.active{transform:translate(0)}.agent-btn .agent-icon{text-align:center;flex-shrink:0;width:1.5rem;font-size:1rem}.agent-btn .agent-type{letter-spacing:.06em;opacity:0;text-transform:uppercase;margin-left:auto;font-size:.6rem;font-weight:600;transition:opacity .2s}.agent-btn.active .agent-type,.agent-btn:hover .agent-type{opacity:.6}.content-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.step-bar{border-bottom:1px solid var(--border-subtle);background:var(--step-bar-bg);padding:0 .5rem;display:flex}.step-btn{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.1rem;font-size:.68rem;font-weight:600;transition:all .2s;display:flex}.step-btn:hover{color:var(--text-muted)}.step-btn.active{color:var(--accent-indigo);border-bottom-color:var(--accent-indigo)}.step-btn .step-number{opacity:.7;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.58rem;font-weight:700;display:flex}.step-btn.active .step-number{background:var(--accent-indigo);border-color:var(--accent-indigo);color:#fff;opacity:1}.step-btn.completed .step-number{background:var(--accent-green);border-color:var(--accent-green);color:#fff;opacity:1}.content-area{flex:1;padding:1.5rem}.content-label{letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.68rem;font-weight:600;display:flex}.input-textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:200px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);resize:vertical;outline:none;padding:1rem;line-height:1.7;transition:border-color .2s,box-shadow .2s}.input-textarea:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #7c6aff14}.input-textarea::placeholder{color:var(--text-dim);line-height:1.6}.btn-generate{letter-spacing:.06em;border-radius:var(--radius-md);cursor:pointer;border:1px solid;width:100%;margin-top:1rem;padding:.85rem 1rem;font-size:.85rem;font-weight:700;transition:all .25s;position:relative;overflow:hidden}.btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px -8px #7c6aff4d}.btn-generate:active:not(:disabled){transform:translateY(0)}.btn-generate.loading{cursor:wait}.spinner{vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:.5rem;animation:.8s linear infinite spin;display:inline-block}.compliance-alert{border-radius:var(--radius-md);border:1px solid;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.7rem 1rem;font-size:.8rem;font-weight:600;display:flex}.compliance-alert.ferpa{color:var(--accent-red);background:#f871710f;border-color:#f8717140}.compliance-alert.lfpdppp{color:var(--accent-amber);background:#fbbf240f;border-color:#fbbf2440}.review-field{margin-bottom:1rem}.review-field-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.3rem;font-size:.65rem;font-weight:600}.review-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:.6rem .8rem;font-size:.9rem;font-weight:500;transition:border-color .2s}.review-input:focus{border-color:var(--accent-indigo)}.review-select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none;padding:.5rem .8rem;font-size:.82rem}.review-select:focus{border-color:var(--accent-indigo)}.review-textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;min-height:200px;color:var(--text-secondary);font-size:.82rem;font-family:var(--font-mono);resize:vertical;outline:none;padding:.8rem;line-height:1.7;transition:border-color .2s}.review-textarea:focus{border-color:var(--accent-indigo)}.review-meta{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.meta-item{flex-direction:column;gap:.3rem;display:flex}.action-bar{gap:.75rem;margin-top:.5rem;display:flex}.btn-back{border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;padding:.65rem 1.25rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-back:hover{border-color:var(--text-muted);color:var(--text-secondary)}.btn-ship{border-radius:var(--radius-md);letter-spacing:.05em;cursor:pointer;border:1px solid;flex:1;padding:.65rem 1rem;font-size:.82rem;font-weight:700;transition:all .25s}.btn-ship:hover:not(:disabled){transform:translateY(-1px)}.btn-ship:disabled{opacity:.4;cursor:not-allowed}.error-banner{border-radius:var(--radius-sm);color:var(--accent-red);background:#f871710f;border:1px solid #f8717133;margin-top:.75rem;padding:.6rem 1rem;font-size:.8rem}.success-screen{text-align:center;padding:3rem 1.5rem}.success-check{background:#34d3991a;border:2px solid #34d3994d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;font-size:1.75rem;display:flex}.success-title{color:var(--accent-green);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.success-card{border-radius:var(--radius-lg);background:#34d3990f;border:1px solid #34d39926;margin-bottom:1.5rem;padding:1.25rem 2rem;display:inline-block}.success-id{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-green)}.success-summary{color:var(--text-muted);margin-top:.3rem;font-size:.82rem}.btn-new-ticket{border-radius:var(--radius-md);color:var(--accent-indigo);letter-spacing:.05em;cursor:pointer;background:#7c6aff1a;border:1px solid #7c6aff4d;padding:.7rem 2rem;font-size:.82rem;font-weight:700;transition:all .2s}.btn-new-ticket:hover{background:#7c6aff26;transform:translateY(-1px)}.footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:.75rem;display:flex}.footer-text{color:var(--text-dim);letter-spacing:.06em;font-size:.65rem;font-weight:500}.footer-badges{gap:.5rem;display:flex}.footer-badge{letter-spacing:.06em;border:1px solid;border-radius:10px;padding:.2rem .5rem;font-size:.6rem;font-weight:600}.effort-badges{gap:.35rem;display:flex}.effort-btn{border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;font-family:var(--font-mono);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);padding:.35rem .65rem;transition:all .15s}.effort-btn:hover{border-color:var(--border-medium)}.effort-btn.active{color:var(--accent-indigo);background:#7c6aff1f;border-color:#7c6aff66}.qa-toolbar{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.qa-toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.qa-search{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;min-width:220px;padding:.45rem .8rem;font-size:.8rem;transition:border-color .2s}.qa-search:focus{border-color:var(--qa-accent);box-shadow:0 0 0 2px var(--qa-accent-bg)}.qa-search::placeholder{color:var(--text-dim)}.qa-filter-toggle{position:relative}.qa-filter-toggle-active{border-color:var(--qa-accent);color:var(--qa-accent)}.qa-filter-count{background:var(--qa-accent-strong);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.55rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.qa-pill-filters{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;padding:.75rem 0;display:flex}.qa-pill-row{align-items:flex-start;gap:.5rem;display:flex}.qa-pill-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;min-width:64px;padding-top:.3rem;font-size:.62rem;font-weight:600}.qa-pill-group{flex-wrap:wrap;gap:.3rem;display:flex}.qa-pill{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:.25rem .6rem;font-size:.68rem;font-weight:500;transition:all .15s}.qa-pill:hover{border-color:var(--border-medium);color:var(--text-secondary)}.qa-pill-active{font-weight:600}.qa-pill-clear{color:var(--accent-red);border-color:#f8717140;margin-left:64px;font-size:.65rem}.qa-pill-clear:hover{color:var(--accent-red);background:#f8717114;border-color:#f8717166}.qa-col-picker{position:relative}.qa-col-picker summary::-webkit-details-marker{display:none}.qa-col-dropdown{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);z-index:50;min-width:200px;padding:.5rem;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000040}.qa-col-option{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.75rem;transition:background .15s;display:flex}.qa-col-option:hover{background:var(--qa-bg-hover)}.qa-col-option input[type=checkbox]{accent-color:var(--qa-accent)}.qa-dropzone{border:2px dashed var(--border-subtle);transition:border-color .2s,background .2s}.qa-dropzone-active{border-color:var(--qa-accent);background:var(--qa-bg-subtle)}.qa-drop-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;pointer-events:none;background:#06060bb3;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.qa-drop-overlay-content{border-radius:var(--radius-xl);border:2px dashed var(--qa-accent);background:var(--qa-accent-bg);color:var(--qa-accent);letter-spacing:.02em;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1rem;font-weight:700;display:flex}.qa-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow-x:auto}.qa-table{border-collapse:collapse;width:100%;font-size:.78rem}.qa-table thead{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.qa-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-align:left;white-space:nowrap;background:var(--bg-elevated);padding:.65rem .75rem;font-size:.65rem;font-weight:600;position:sticky;top:0}.qa-table td{border-top:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:.55rem .75rem}.qa-table tbody tr{transition:background .15s}.qa-table tbody tr:hover{background:var(--qa-bg-hover)}.qa-cell-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.qa-badge{white-space:nowrap;border:1px solid;border-radius:10px;padding:.2rem .5rem;font-size:.68rem;font-weight:600;display:inline-block}.qa-action-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.qa-action-create{background:var(--qa-accent-bg);border-color:var(--qa-accent-border);color:var(--qa-accent)}.qa-action-create:hover:not(:disabled){background:#34d39926;transform:translateY(-1px)}.qa-action-dev{color:var(--qa-accent-strong);background:#10b98114;border-color:#10b98159}.qa-action-dev:hover:not(:disabled){background:#10b98126;transform:translateY(-1px)}.qa-action-indev{color:var(--accent-green);cursor:default;font-family:var(--font-mono);background:#34d39914;border-color:#34d3994d;font-size:.68rem}.qa-action-copy{color:var(--accent-cyan);cursor:pointer;background:#22d3ee0f;border-color:#22d3ee40;padding:.3rem .45rem;font-size:.68rem}.qa-action-copy:hover{background:#22d3ee26;transform:translateY(-1px)}.qa-action-clickable{cursor:pointer}.qa-action-clickable:hover{background:#34d39926;transform:translateY(-1px)}.qa-action-btn:disabled{opacity:.5;cursor:wait}.qa-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.5rem 0;display:flex}.md-dropzone{border:2px dashed var(--border-subtle);transition:border-color .2s,background .2s}.md-dropzone-active{border-color:var(--md-accent);background:var(--md-accent-bg)}.md-drop-overlay-content{border-radius:var(--radius-xl);border:2px dashed var(--md-accent);background:var(--md-accent-bg);color:var(--md-accent);letter-spacing:.02em;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1rem;font-weight:700;display:flex}.md-layout{grid-template-columns:220px 1fr;gap:1rem;min-height:500px;display:grid;position:relative}.md-sidebar{background:var(--md-sidebar-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;display:flex;overflow:hidden}.md-sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.75rem .85rem;display:flex}.md-sidebar-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.65rem;font-weight:600}.md-add-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:1rem;font-weight:300;line-height:1;transition:all .15s;display:flex}.md-add-btn:hover{border-color:var(--md-accent);color:var(--md-accent)}.md-file-list{flex:1;padding:.35rem;overflow-y:auto}.md-file-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;margin-bottom:2px;padding:.5rem .6rem;transition:all .15s;display:flex}.md-file-item:hover{background:#a78bfa0f}.md-file-active{background:var(--md-accent-bg);border-left:2px solid var(--md-accent)}.md-file-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.md-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.md-file-path{color:var(--text-dim);font-size:.6rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-file-remove{width:20px;height:20px;color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:all .15s;display:flex}.md-file-item:hover .md-file-remove{opacity:1}.md-file-remove:hover{color:var(--accent-red);background:#f871711a}.md-reader{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;max-height:80vh;display:flex;overflow-y:auto}.md-reader-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);z-index:5;justify-content:space-between;align-items:center;padding:.65rem 1.25rem;display:flex;position:sticky;top:0}.md-reader-filename{color:var(--text-primary);font-size:.78rem;font-weight:600;font-family:var(--font-mono)}.md-reader-meta{color:var(--text-dim);font-size:.65rem}.md-loading-overlay{justify-content:center;align-items:center;height:100%;min-height:300px;display:flex}.md-loading-modal{background:var(--bg-card);border:1px solid var(--md-accent-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:1rem;padding:2rem 2.5rem;animation:.2s ease-out fadeIn;display:flex;box-shadow:0 8px 32px #00000040}.md-loading-spinner{border:2.5px solid var(--border-medium);border-top-color:var(--md-accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.md-loading-text{color:var(--text-muted);letter-spacing:.02em;font-size:.78rem;font-weight:500}.md-content{color:var(--text-secondary);padding:1.5rem 2rem 2rem;font-size:.88rem;line-height:1.75}.md-content .md-heading{color:var(--text-primary);letter-spacing:-.02em;margin-top:1.75em;margin-bottom:.5em;font-weight:700;line-height:1.3}.md-content .md-h1{border-bottom:1px solid var(--border-subtle);padding-bottom:.4em;font-size:1.6rem}.md-content .md-h2{border-bottom:1px solid var(--border-subtle);padding-bottom:.3em;font-size:1.25rem}.md-content .md-h3{font-size:1.1rem}.md-content .md-h4{font-size:.95rem}.md-content .md-h5{color:var(--text-muted);font-size:.88rem}.md-content .md-h6{color:var(--text-muted);font-size:.82rem}.md-content p{margin-bottom:1em}.md-content .md-link{color:var(--md-accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.md-content .md-link:hover{border-bottom-color:var(--md-accent)}.md-content .md-code-block{border-radius:var(--radius-md);background:var(--md-code-bg);border:1px solid var(--border-subtle);margin:1em 0;position:relative;overflow:hidden}.md-content .md-code-lang{font-size:.6rem;font-weight:600;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-elevated);border-bottom-left-radius:var(--radius-sm);border-left:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:.2rem .6rem;position:absolute;top:0;right:0}.md-content .md-code-block pre{margin:0;padding:1rem 1.25rem;overflow-x:auto}.md-content .md-code-block code{font-family:var(--font-mono);color:var(--text-secondary);font-size:.8rem;line-height:1.6}.md-content .md-inline-code{background:var(--md-code-bg);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--md-accent);border-radius:4px;padding:.12em .4em;font-size:.85em}.md-content .md-blockquote{border-left:3px solid var(--md-blockquote-border);color:var(--text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#00000005;margin:1em 0;padding:.5em 1em}.md-content .md-blockquote p:last-child{margin-bottom:0}.md-content ul,.md-content ol{margin:.5em 0 1em;padding-left:1.75em}.md-content li{margin-bottom:.35em}.md-content li>ul,.md-content li>ol{margin-top:.25em;margin-bottom:.25em}.md-content .md-task-item{margin-left:-1.25em;list-style:none}.md-content .md-checkbox{color:var(--text-dim);margin-right:.4em;font-size:1.1em}.md-content .md-checked{color:var(--accent-green)}.md-content .md-table-wrap{border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin:1em 0;overflow-x:auto}.md-content .md-table{border-collapse:collapse;width:100%;font-size:.82rem}.md-content .md-table th{letter-spacing:.04em;color:var(--text-muted);text-align:left;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:.55rem .75rem;font-size:.72rem;font-weight:600}.md-content .md-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:.5rem .75rem}.md-content .md-table tbody tr:nth-child(2n){background:var(--md-table-stripe)}.md-content .md-table tbody tr:last-child td{border-bottom:none}.md-content .md-image{border-radius:var(--radius-md);border:1px solid var(--border-subtle);max-width:100%;height:auto;margin:.5em 0}.md-content hr{background:var(--border-subtle);border:none;height:1px;margin:2em 0}.md-content strong{color:var(--text-primary);font-weight:600}.md-content em{font-style:italic}.detail-comments{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);margin-top:1rem;overflow:hidden}.detail-comments-header{border-bottom:1px solid var(--border-subtle);padding:.75rem 1.25rem}.detail-comments-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:600}.detail-comments-loading,.detail-comments-empty{text-align:center;color:var(--text-dim);padding:1.25rem;font-size:.72rem}.detail-comments-loading .spinner{margin-right:.4rem}.detail-comments-list{max-height:320px;overflow-y:auto}.detail-comment{border-bottom:1px solid var(--border-subtle);padding:.75rem 1.25rem;transition:background .15s}.detail-comment:last-child{border-bottom:none}.detail-comment:hover{background:#7c6aff08}.detail-comment-meta{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.detail-comment-author{color:var(--accent-indigo);font-size:.7rem;font-weight:600}.detail-comment-time{color:var(--text-dim);font-size:.6rem}.detail-comment-text{color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word;font-size:.78rem;line-height:1.6}.detail-comment-text.md-content{white-space:normal;padding:0;font-size:.78rem}.detail-comment-text.md-content p{margin-bottom:.4rem}.detail-comment-text.md-content p:last-child{margin-bottom:0}.detail-comment-text.md-content .md-heading{margin:.5rem 0 .25rem;font-size:.82rem}.detail-comment-text.md-content .md-code-block{margin:.4rem 0;font-size:.72rem}.detail-comment-text.md-content .md-inline-code{padding:.1rem .35rem;font-size:.72rem}.detail-comment-text.md-content .md-table-wrap{margin:.4rem 0;font-size:.72rem}.detail-comment-text.md-content .md-blockquote{margin:.4rem 0;padding:.3rem .6rem;font-size:.75rem}.detail-comment-text.md-content .md-image{border-radius:var(--radius-sm);max-width:100%}.detail-comment-input-row{border-top:1px solid var(--border-subtle);gap:.5rem;padding:.75rem 1.25rem .25rem;display:flex}.detail-comment-textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;flex:1;min-height:2.4rem;max-height:8rem;padding:.5rem .75rem;font-size:.78rem;line-height:1.5;transition:border-color .2s}.detail-comment-textarea:focus{border-color:var(--accent-indigo);outline:none}.detail-comment-textarea::placeholder{color:var(--text-dim)}.detail-comment-submit{border-radius:var(--radius-sm);color:var(--accent-indigo);cursor:pointer;white-space:nowrap;background:#7c6aff1f;border:1px solid #7c6aff66;align-self:flex-end;padding:.45rem 1rem;font-size:.72rem;font-weight:600;transition:all .2s}.detail-comment-submit:hover:not(:disabled){background:#7c6aff33;border-color:#7c6aff99}.detail-comment-submit:disabled{opacity:.4;cursor:not-allowed}.detail-comment-hint{color:var(--text-dim);text-align:right;padding:0 1.25rem .6rem;font-size:.55rem}.board-filter-bar{gap:.75rem;margin-bottom:1rem;display:flex}.nav-tabs{gap:.5rem;margin-bottom:1.25rem;display:flex}.create-actions{gap:.75rem;margin-top:1rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1.5rem;display:grid}.budget-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.date-range-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}@media (width<=768px){.app-shell{padding:1rem}.main-grid,.md-layout{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:.75rem}.budget-grid{grid-template-columns:1fr}}@media (width<=480px){html{font-size:16px}.app-shell{max-width:100%;padding:.75rem}.header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.header-left{gap:.6rem}.header-icon{width:36px;height:36px;font-size:1.1rem}.header-title{font-size:1.1rem}.header-subtitle{letter-spacing:.08em;font-size:.62rem}.header-badge{flex-wrap:wrap;gap:.3rem}.compliance-badge{padding:.2rem .4rem;font-size:.55rem}.theme-toggle{width:32px;height:32px;font-size:.85rem}.badge-tooltip{z-index:1000;width:auto;max-width:none;position:fixed;inset:auto .75rem}.nav-tabs{flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.nav-tabs .step-btn{min-height:40px;padding:.45rem .55rem;font-size:.65rem}.step-bar{gap:.3rem;padding:.3rem}.step-btn{min-height:40px;padding:.45rem .55rem;font-size:.65rem}.main-grid{grid-template-columns:1fr;gap:.75rem}.sidebar{order:2}.content-panel{order:1}.agent-list{gap:.3rem}.agent-btn{min-height:40px;padding:.45rem .6rem;font-size:.68rem}.content-area,.content-panel{padding:.85rem}.content-label{margin-bottom:.6rem;font-size:.78rem}.create-actions{flex-direction:column;gap:.5rem}.create-actions .btn-generate{width:100%;min-height:44px;min-width:unset!important;flex:unset!important}.review-meta{flex-direction:column;gap:.5rem}.review-input{font-size:.82rem}.review-textarea{min-height:160px}.review-select{min-height:40px;font-size:.75rem}.effort-btn{min-height:36px;padding:.35rem .6rem}.action-bar{flex-wrap:wrap;gap:.5rem}.action-bar .btn-ship,.action-bar .btn-back,.btn-generate{min-height:44px;font-size:.72rem}.btn-back{min-height:40px}.btn-ship,.btn-new-ticket{min-height:44px}input,textarea,select{font-size:16px!important}.config-input{padding:.5rem .75rem;font-size:16px!important}.input-textarea{min-height:140px;font-size:16px!important}.credit-card{min-width:unset;width:100%}.credit-card-amount{font-size:1.6rem}.panel{padding:.85rem}.panel-label{font-size:.62rem}.md-layout{grid-template-columns:1fr;gap:.75rem}.md-sidebar{border-radius:var(--radius-md);max-height:180px;overflow-y:auto}.md-sidebar-header{padding:.6rem .75rem}.md-file-item{min-height:40px;padding:.5rem .75rem}.md-reader{padding:.85rem}.md-content{font-size:.85rem}.md-content h1{font-size:1.4rem}.md-content h2{font-size:1.2rem}.md-content h3{font-size:1.05rem}.md-content pre{padding:.75rem;font-size:.75rem;overflow-x:auto}.md-content table{font-size:.72rem;display:block;overflow-x:auto}.qa-toolbar-top{flex-direction:column;align-items:stretch;gap:.5rem}.qa-search{width:100%;min-width:unset}.qa-table-wrap{-webkit-overflow-scrolling:touch;margin:0 -.75rem;padding:0 .75rem;overflow-x:auto}.qa-table{min-width:600px;font-size:.68rem}.qa-table th,.qa-table td{padding:.45rem .4rem}.qa-action-btn{min-height:36px;padding:.3rem .45rem;font-size:.62rem}.qa-pill{min-height:32px;padding:.25rem .45rem;font-size:.62rem}.qa-pill-label{font-size:.6rem}.qa-pill-group{flex-wrap:wrap}.qa-pagination{gap:.5rem}.qa-dropzone{padding:2rem 1rem!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stats-grid .panel{padding:.85rem .5rem!important}.stats-grid .panel div:first-child{font-size:1.2rem!important}.budget-grid{grid-template-columns:1fr;gap:.75rem}.date-range-row{flex-direction:column;align-items:stretch;gap:.5rem}.date-range-row input[type=date]{width:100%!important}.detail-comments{padding:.85rem}.detail-comment-textarea{font-size:16px!important}.settings-overlay{padding:.75rem}.settings-modal{width:100%;max-width:none;max-height:90vh;padding:1.25rem;overflow-y:auto}.settings-label{font-size:.72rem}.settings-input{font-size:16px!important}.footer{text-align:center;flex-direction:column;gap:.5rem;padding-top:.75rem}.footer-text{font-size:.65rem}.footer-badge{font-size:.55rem}.success-screen{padding:1.5rem 1rem}.success-check{font-size:2.5rem}.success-title{font-size:1.1rem}.success-card{padding:.85rem}.success-id{font-size:.82rem}.compliance-alert{padding:.6rem .75rem;font-size:.72rem}.board-filter-bar{flex-direction:column;gap:.5rem}.board-filter-bar .btn{width:100%}.board-filter-bar+div .panel{padding:.65rem .75rem}.error-banner{font-size:.72rem}.qa-drop-overlay,.md-drop-overlay{font-size:.82rem}}