:root{--color-bg-primary:#1a1a1a;--color-bg-secondary:#1e1e1e;--color-bg-tertiary:#2a2a2a;--color-bg-accent:#1a1a1a;--color-text-primary:#374151;--color-text-secondary:#fff;--color-text-muted:#999;--color-text-disabled:#666;--color-blue-primary:#2962ff;--color-blue-hover:#1e4bda;--color-blue-600:#1d4ed8;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-green-primary:#10b981;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-red-primary:#ef4444;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-yellow-primary:#fbbf24;--color-yellow-600:#ca8a04;--color-yellow-100:#fef3c7;--color-border-primary:#d1d5db;--color-border-secondary:#4a4a4a;--color-border-accent:#6b7280;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;max-width:100vw;overflow-x:hidden;width:100vw}#root{height:100%;margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.app-page-container{max-width:100%;overflow-x:hidden;overflow-y:visible;position:relative;width:100%}.app-page-title{margin-bottom:var(--space-2)}.app-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);max-width:100%;overflow-x:hidden;overflow-y:visible;padding:var(--space-4);position:relative;width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-4>*+*{margin-left:var(--space-4)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-bottom:var(--space-2);padding-top:var(--space-2)}.py-3{padding-bottom:var(--space-3);padding-top:var(--space-3)}.py-4{padding-bottom:var(--space-4);padding-top:var(--space-4)}.py-6{padding-bottom:var(--space-6);padding-top:var(--space-6)}.py-12{padding-bottom:var(--space-12);padding-top:var(--space-12)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-3{margin-left:var(--space-3)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mx-auto{margin-left:auto;margin-right:auto}.text-white{color:var(--color-text-secondary)}.text-gray-700{color:var(--color-text-primary)}.text-primary-600{color:var(--color-blue-primary)}.text-red-600{color:var(--color-red-primary)}.text-green-600{color:var(--color-green-primary)}.text-yellow-600{color:var(--color-yellow-600)}.bg-gray-800{background-color:#1f2937}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-600{background-color:var(--color-yellow-600)}.border{border-color:var(--color-border-primary);border-width:1px}.border-gray-200{border-color:#e5e7eb}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:text-blue-600:hover{color:var(--color-blue-primary)}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.text-white{color:#fff}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-green-800{color:#166534}.text-green-900{color:#14532d}.text-red-800{color:#991b1b}.text-red-900{color:#7f1d1d}.text-purple-900{color:#581c87}.text-yellow-800{color:#92400e}.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}.bg-white{background-color:#fff}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-200{background-color:#bfdbfe}.bg-blue-500{background-color:#3b82f6}.bg-green-100{background-color:#dcfce7}.bg-green-200{background-color:#bbf7d0}.bg-green-500{background-color:#22c55e}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.bg-primary-100{background-color:#dbeafe}.bg-primary-200{background-color:#bfdbfe}.bg-violet-500{background-color:#8b5cf6}.bg-amber-500{background-color:#f59e0b}.bg-purple-400{background-color:#a855f7}.bg-teal-500{background-color:#14b8a6}.bg-yellow-100{background-color:#fef3c7}.bg-yellow-600{background-color:#ca8a04}.bg-white\/60{background-color:#fff9}.bg-opacity-75{background-color:#4b5563bf}.text-xs{font-size:.75rem}.text-3xl{font-size:1.875rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-32{width:8rem}.w-64{width:16rem}.w-full{width:100%}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-16{height:4rem}.min-h-screen{min-height:100vh}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-7xl{max-width:80rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.border-gray-300{border-color:#d1d5db}.border-transparent{border-color:#0000}.border-blue-200{border-color:#bfdbfe}.border-green-200{border-color:#bbf7d0}.border-red-200{border-color:#fecaca}.border-purple-200{border-color:#e9d5ff}.border-primary-200{border-color:#bfdbfe}.rounded-sm{border-radius:.125rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-indigo-600{color:#4f46e5}.text-purple-600{color:#9333ea}.text-yellow-600{color:#ca8a04}.text-primary-600{color:#2563eb}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-primary-600{background-color:#2563eb}.bg-primary-700{background-color:#1d4ed8}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.btn-primary{color:#fff;font-size:var(--font-size-sm);transition:var(--transition-normal)}.btn-primary,.btn-secondary{border-radius:var(--radius-md);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4)}.btn-secondary{background-color:initial;color:var(--color-text-secondary)}.btn-secondary:hover{background-color:#ffffff0d;border-color:var(--color-blue-primary)}.hover\:bg-gray-50:hover{background-color:#f9fafb}.btn,.cursor-pointer{cursor:pointer}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:var(--transition-normal)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{align-items:center;background-color:var(--color-blue-primary);border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-semibold);justify-content:center;padding:.75rem 1.5rem;transition:all var(--transition-normal)}.btn-primary:hover{background-color:var(--color-blue-hover);box-shadow:0 10px 15px -3px #2563eb33;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:#ccc;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px 20px;transition:var(--transition-normal)}.btn-secondary:hover{background:#4a4a4a}.app-btn{align-items:center;background:var(--color-blue-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:8px 16px;transition:var(--transition-normal)}.app-btn:hover{background:var(--color-blue-hover)}.app-btn:disabled{cursor:not-allowed;opacity:.5}.app-btn-small{font-size:var(--font-size-xs);padding:6px 12px}.app-btn-large{font-size:var(--font-size-base);padding:12px 24px}.app-btn-outline{background:#0000;border:1px solid var(--color-blue-primary);color:var(--color-blue-primary)}.app-btn-outline:hover{background:var(--color-blue-primary);color:var(--color-text-secondary)}.app-btn-danger{background:var(--color-red-primary);color:var(--color-text-secondary)}.app-btn-danger:hover{background:#dc2626}.app-btn-success{background:var(--color-green-primary);color:var(--color-text-secondary)}.app-btn-success:hover{background:#059669}.app-btn-icon{border-radius:var(--radius-sm);display:inline-flex;height:32px;padding:var(--space-2);width:32px}.app-btn-icon,.app-floating-btn{align-items:center;justify-content:center}.app-floating-btn{background:var(--color-blue-primary);border:none;border-radius:50%;bottom:var(--space-6);box-shadow:var(--shadow-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;height:56px;position:fixed;right:var(--space-6);transition:var(--transition-normal);width:56px;z-index:var(--z-fixed)}.app-floating-btn:hover{background:var(--color-blue-hover);transform:scale(1.05)}.app-card-action-btn{background:#0000;border-radius:var(--radius-sm);color:var(--color-blue-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);transition:var(--transition-normal)}.app-card-action-btn:hover{background:#2962ff1a}.btn-pagination{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:#ccc;cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:32px;justify-content:center;min-width:32px;padding:6px 12px;text-decoration:none;transition:var(--transition-normal)}.btn-pagination:hover{background:#4a4a4a}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}.btn-pagination-active{background:var(--color-blue-primary);border-color:var(--color-blue-primary);color:var(--color-text-secondary)}.btn-pagination-active:hover{background:var(--color-blue-hover);border-color:var(--color-blue-hover)}.btn-ghost{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-semibold);justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-normal)}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.btn-large{font-size:var(--font-size-lg);padding:1rem 2rem}.btn-large,.btn-outline{font-weight:var(--font-weight-semibold)}.btn-outline{align-items:center;background:#0000;border:1px solid var(--color-blue-primary);border-radius:var(--radius-lg);color:var(--color-blue-primary);cursor:pointer;display:inline-flex;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-normal)}.btn-outline:hover{background:var(--color-blue-primary);box-shadow:0 10px 15px -3px #2563eb33;color:#fff;transform:translateY(-1px)}.app-card{background:var(--color-bg-secondary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:100%;overflow:visible;padding:var(--space-3);transition:var(--transition-normal);width:100%}.app-card:hover{box-shadow:var(--shadow-md)}.app-card-header{background:var(--color-bg-secondary);border:none;border-bottom:1px solid var(--color-border-secondary);border-radius:0;margin:0;padding:0 0 var(--space-3) 0}.app-card-title{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.app-card-content{color:var(--color-text-muted);line-height:var(--line-height-normal);padding:var(--space-4) 0}.app-card-footer{align-items:center;border-top:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;margin-top:var(--space-4);padding:var(--space-3) 0 0 0}.app-dashboard-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);cursor:default;padding:var(--space-6);transition:var(--transition-normal)}.app-dashboard-card-clickable:hover{border-color:var(--color-blue-primary);box-shadow:0 0 0 2px #2962ff1a}.app-info-card{margin-bottom:var(--space-4)}.app-info-card,.app-metric-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.app-metric-card{text-align:center;transition:var(--transition-normal)}.app-metric-card:hover{border-color:var(--color-blue-primary)}.app-strategy-card{margin-bottom:var(--space-4);padding:var(--space-6)}.app-guideline-card,.app-strategy-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg)}.app-guideline-card{margin-bottom:var(--space-3);padding:var(--space-4)}.app-ai-coach-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-6)}.app-performance-card{align-items:center;display:flex;justify-content:space-between}.app-clickable-card,.app-performance-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.app-clickable-card{color:inherit;cursor:pointer;display:block;text-decoration:none;transition:var(--transition-normal)}.app-clickable-card:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.app-indicator-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:var(--space-4);text-align:center}.app-card-compact{padding:var(--space-3)}.app-card-spacious{padding:var(--space-8)}.app-card-borderless{border:none;box-shadow:none}.app-card-highlighted{border-color:var(--color-blue-primary);box-shadow:0 0 0 1px #2962ff1a}.app-form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.app-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);outline:none;padding:var(--space-2) var(--space-3);transition:var(--transition-normal);width:100%}.app-input:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 2px #2962ff33}.app-input::placeholder{color:#888}.app-input:disabled{background:#1a1a1a;cursor:not-allowed;opacity:.5}.app-select{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);outline:none;padding:var(--space-2) var(--space-3);transition:var(--transition-normal);width:100%}.app-select:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 2px #2962ff33}.app-select:disabled{cursor:not-allowed;opacity:.5}.app-textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-normal);min-height:80px;outline:none;padding:var(--space-3);resize:vertical;transition:var(--transition-normal);width:100%}.app-textarea:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 2px #2962ff33}.app-textarea::placeholder{color:#888}.app-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.app-label-required:after{color:var(--color-red-primary);content:" *"}.app-checkbox,.app-radio{accent-color:var(--color-blue-primary);height:16px;margin-right:var(--space-2);width:16px}.app-checkbox-group,.app-radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.app-checkbox-item,.app-radio-item{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm)}.app-form-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.app-form-section-title{border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.app-input-group{align-items:end;display:flex;gap:var(--space-2)}.app-input-group .app-input{flex:1 1}.app-input-with-icon{position:relative}.app-input-with-icon .app-input{padding-left:var(--space-10)}.app-input-icon{color:var(--color-text-muted);height:16px;left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%);width:16px}.app-input-error{border-color:var(--color-red-primary);box-shadow:0 0 0 2px #ef444433}.app-error-message{color:var(--color-red-primary);font-size:var(--font-size-xs);margin-top:var(--space-1)}.app-input-success{border-color:var(--color-green-primary);box-shadow:0 0 0 2px #10b98133}.app-form-invalid .app-input{border-color:var(--color-red-primary)}.app-form-valid .app-input{border-color:var(--color-green-primary)}.app-search-input{background:var(--color-bg-accent);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);outline:none;padding:var(--space-2) var(--space-3);transition:var(--transition-normal);width:100%}.app-search-input:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 2px #2962ff33}.app-filter-input{background:var(--color-bg-accent);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:120px;padding:var(--space-2) var(--space-3)}.app-range{accent-color:var(--color-blue-primary);border-radius:2px;height:4px;outline:none;width:100%}.app-range,.app-switch{background:var(--color-border-secondary)}.app-switch{border-radius:12px;cursor:pointer;height:24px;position:relative;transition:var(--transition-normal);width:44px}.app-switch.active{background:var(--color-blue-primary)}.app-switch:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:var(--transition-normal);width:20px}.app-switch.active:after{transform:translateX(20px)}.app-table-container{background:var(--color-bg-secondary);border:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);max-width:calc(100vw - 280px);overflow-x:auto;position:relative;width:100%;z-index:1}.app-table-container .overflow-x-auto{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;overflow-y:hidden;width:100%}.app-table{background:var(--color-bg-accent);border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden;table-layout:auto;width:100%}.app-table-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.app-table-header:hover{background:#333}.app-sortable{cursor:pointer;transition:var(--transition-normal);-webkit-user-select:none;user-select:none}.app-sortable:hover{background:#ffffff0d}.app-sort-indicator{color:var(--color-blue-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:var(--space-1);min-width:20px;opacity:.7}.app-table-body{background:var(--color-bg-secondary)}.app-table-row{border-bottom:1px solid var(--color-border-secondary);transition:var(--transition-normal)}.app-table-row:hover{background:#ffffff05}.app-table-row:last-child{border-bottom:none}.app-table-cell{border-right:1px solid #ffffff0d;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);vertical-align:middle}.app-table-cell:last-child{border-right:none}.app-table-cell-numeric{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;text-align:center}.app-options-table{background:var(--color-bg-accent);border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden;table-layout:auto;width:100%}.app-options-table th{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);font-weight:var(--font-weight-semibold);min-width:80px;padding:var(--space-3) var(--space-2);white-space:nowrap}.app-options-table td,.app-options-table th{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center}.app-options-table td{border-bottom:1px solid #ffffff0d;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;padding:var(--space-2)}.app-table-container .overflow-x-auto::-webkit-scrollbar{height:8px}.app-table-container .overflow-x-auto::-webkit-scrollbar-track{background:var(--color-bg-accent);border-radius:var(--radius-sm)}.app-table-container .overflow-x-auto::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-sm)}.app-table-container .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.app-table-empty{font-style:italic;padding:var(--space-12)}.app-table-empty,.app-table-loading{color:var(--color-text-muted);text-align:center}.app-table-loading{padding:var(--space-8)}.app-table-actions{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-secondary);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4)}@media (max-width:768px){.app-table-container{-webkit-overflow-scrolling:touch;max-width:calc(100vw - 32px);scroll-behavior:smooth}.app-table-container:before{background:linear-gradient(270deg,#1e1e1ecc,#0000);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:20px;z-index:5}.app-table-cell,.app-table-header{min-font-size:11px;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.app-options-table td,.app-options-table th{font-size:11px;min-width:65px;padding:var(--space-1) var(--space-2)}.app-table-container[data-scrollable=true]:after{background:#2962ffe6;border-radius:4px;bottom:8px;color:#fff;content:"← Scroll for more →";font-size:10px;opacity:.8;padding:4px 8px;pointer-events:none;position:absolute;right:8px;z-index:10}.app-table-header{background:var(--color-bg-tertiary);box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}}.app-table-striped .app-table-row:nth-child(2n){background:#ffffff03}.app-table-bordered,.app-table-bordered .app-table-cell{border:1px solid var(--color-border-secondary)}.app-table-compact .app-table-cell,.app-table-compact .app-table-header{padding:var(--space-2)}.app-table-status-positive{color:var(--color-green-primary);font-weight:var(--font-weight-medium)}.app-table-status-negative{color:var(--color-red-primary);font-weight:var(--font-weight-medium)}.app-table-status-neutral{color:var(--color-text-muted)}.app-table-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:60px;padding:var(--space-1) var(--space-2);text-align:center}.app-table-badge-success{background:#10b98133;color:var(--color-green-primary)}.app-table-badge-danger{background:#ef444433;color:var(--color-red-primary)}.app-table-badge-warning{background:#fbbf2433;color:var(--color-yellow-primary)}.app-table-badge-info{background:#2962ff33;color:var(--color-blue-primary)}.app-table-container-full-height{background:var(--color-bg-secondary);border:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex;flex-direction:column;height:calc(100vh - 300px);max-width:calc(100vw - 280px);min-height:400px;overflow:hidden;position:relative;width:100%;z-index:1}.app-table-container-full-height .overflow-x-auto{-webkit-overflow-scrolling:touch;flex:1 1;max-width:100%;overflow-x:auto;overflow-y:auto;width:100%}.app-table-container-full-height .app-options-table th{background:var(--color-bg-tertiary);box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-table-container-full-height .overflow-x-auto::-webkit-scrollbar{height:8px;width:8px}.app-table-container-full-height .overflow-x-auto::-webkit-scrollbar-track{background:var(--color-bg-accent);border-radius:var(--radius-sm)}.app-table-container-full-height .overflow-x-auto::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-sm)}.app-table-container-full-height .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.app-table-container-full-height .overflow-x-auto::-webkit-scrollbar-corner{background:var(--color-bg-accent)}@media (max-width:768px){.app-table-container-full-height{height:calc(100vh - 250px);max-width:calc(100vw - 32px)}}.app-app{flex-direction:column}.app-app,.app-layout{background:var(--color-bg-primary);display:flex;min-height:100vh}.app-layout{color:var(--color-text-secondary);overflow-x:hidden;position:relative;width:100vw}.app-sidebar{background:var(--color-bg-tertiary);border-right:1px solid var(--color-border-secondary);bottom:0;display:flex;flex-direction:column;left:0;margin:0;max-height:100vh;min-height:100vh;overflow-y:auto;padding:0;position:fixed;right:auto;top:0;transition:transform .3s ease-in-out;width:256px;z-index:var(--z-fixed)}.app-sidebar,.app-sidebar.app-sidebar-open{transform:translateX(0)}.app-sidebar-closed{transform:translateX(-280px)}.app-sidebar-open{transform:translateX(0)}.app-mobile-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.app-sidebar-header{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;padding:var(--space-4)}.app-brand-sidebar{align-items:center;display:flex;gap:var(--space-3)}.app-logo-sidebar{align-items:center;background:var(--color-blue-primary);border-radius:var(--radius-md);color:#fff;display:flex;height:32px;justify-content:center;width:32px}.app-brand-text,.app-logo-sidebar{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.app-brand-text{color:var(--color-text-secondary)}.app-mobile-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:none;padding:var(--space-1)}.app-mobile-close:hover{background:#ffffff0d;color:var(--color-text-secondary)}.app-sidebar-nav{flex:1 1;padding:var(--space-4)}.app-nav-section{display:flex;flex-direction:column;gap:var(--space-1)}.app-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);padding:var(--space-3);text-decoration:none;transition:var(--transition-normal)}.app-nav-item:hover{background:#ffffff0d;color:var(--color-text-secondary)}.app-nav-item-active{background:var(--color-blue-primary);color:var(--color-text-secondary)}.app-nav-icon{height:20px;width:20px}.app-nav-text{flex:1 1}.app-sidebar-footer{border-top:1px solid var(--color-border-secondary);padding:var(--space-4)}.app-user-info{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.app-user-avatar{align-items:center;background:var(--color-bg-accent);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.app-avatar-icon{color:var(--color-text-muted);height:20px;width:20px}.app-user-details{flex:1 1}.app-user-name{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.app-user-role{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.app-logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2);transition:var(--transition-normal);width:100%}.app-logout-btn:hover{background:#ffffff0d;color:var(--color-text-secondary)}.app-logout-icon{height:16px;width:16px}.app-logout-text{flex:1 1;text-align:left}.app-main-content{background:var(--color-bg-secondary);display:flex;flex:1 1;flex-direction:column;margin-left:256px;min-height:100vh;overflow-x:hidden;position:relative;transition:var(--transition-normal)}.app-mobile-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);display:none;justify-content:space-between;padding:var(--space-4)}.app-mobile-menu-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1)}.app-mobile-title{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.app-page-content{background:var(--color-bg-primary);min-height:100vh;padding:var(--space-4)}.app-page-container{margin:0 auto;max-width:1200px}.app-page-header{padding-bottom:var(--space-4)}.app-page-title{margin:0 0 var(--space-2) 0}.app-page-subtitle{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0}@media (max-width:1023px){.app-sidebar{transform:translateX(-100%);width:256px}.app-sidebar.app-sidebar-open{transform:translateX(0)}.app-sidebar-closed{transform:translateX(-100%)}.app-main-content{margin-left:0}.app-mobile-header{display:flex}.app-mobile-close{display:block}.app-page-content{padding:var(--space-4)}}@media (min-width:1024px){.app-sidebar{position:fixed;transition:none}.app-sidebar,.app-sidebar-closed{transform:translateX(0)!important}.app-main-content{margin-left:256px}}.app-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.app-nav-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-4)}.app-nav-brand{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);text-decoration:none}.app-nav-brand,.app-nav-menu{align-items:center;display:flex}.app-nav-menu{gap:var(--space-6);list-style:none;margin:0;padding:0}.app-nav-item{position:relative}.app-nav-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3);text-decoration:none;transition:var(--transition-normal)}.app-nav-link.active,.app-nav-link:hover{background:#ffffff0d;color:var(--color-text-secondary)}.app-nav-link.active{background:var(--color-blue-primary)}.app-nav-toggle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:none;font-size:var(--font-size-lg);padding:var(--space-2)}.app-nav-mobile{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-secondary);display:none;left:0;padding:var(--space-4);position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.app-nav-mobile.open{display:block}.app-nav-mobile .app-nav-menu{align-items:stretch;flex-direction:column;gap:var(--space-2)}.app-nav-mobile .app-nav-link{justify-content:flex-start;padding:var(--space-3)}.app-sidebar-content{padding:var(--space-6) var(--space-4)}.app-sidebar-section{margin-bottom:var(--space-6)}.app-sidebar-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-3);padding:0 var(--space-2);text-transform:uppercase}.app-sidebar-menu{list-style:none;margin:0;padding:0}.app-sidebar-item{margin-bottom:var(--space-1)}.app-sidebar-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none;transition:var(--transition-normal)}.app-sidebar-link:hover{background:#ffffff0d;color:var(--color-text-secondary)}.app-sidebar-link.active{background:var(--color-blue-primary);color:var(--color-text-secondary)}.app-main{flex:1 1;margin-left:0;min-height:calc(100vh - 64px);transition:var(--transition-normal)}.app-main.with-sidebar{margin-left:256px}.app-page-header{border-bottom:1px solid var(--color-border-secondary);margin-bottom:var(--space-6);padding:var(--space-6) 0}.app-page-title{color:var(--color-text-secondary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.app-page-description{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-top:var(--space-2)}.app-page-actions{align-items:center;display:flex;gap:var(--space-3);margin-top:var(--space-4)}.app-content-section{margin-bottom:var(--space-8)}.app-content-section:last-child{margin-bottom:0}.app-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.app-section-title{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.app-section-actions{align-items:center;display:flex;gap:var(--space-2)}.app-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-secondary);margin-top:auto;padding:var(--space-6) 0}.app-footer-content{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 auto;max-width:1200px;padding:0 var(--space-4);text-align:center}.app-sidebar-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:var(--transition-normal);visibility:hidden;z-index:var(--z-modal-backdrop)}.app-sidebar-overlay.active{opacity:1;visibility:visible}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}.app-sidebar::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.app-skip-link{background:var(--color-blue-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);left:6px;padding:var(--space-2) var(--space-4);position:absolute;text-decoration:none;top:-40px;transition:var(--transition-normal);z-index:var(--z-tooltip)}.app-skip-link:focus{top:6px}.app-breadcrumb{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-bottom:var(--space-4)}.app-breadcrumb-item{color:var(--color-text-muted);text-decoration:none;transition:var(--transition-fast)}.app-breadcrumb-item.current,.app-breadcrumb-item:hover{color:var(--color-text-secondary)}.app-breadcrumb-item.current{font-weight:var(--font-weight-medium)}.app-breadcrumb-separator{color:var(--color-text-muted);font-size:var(--font-size-xs)}.homepage{margin:0;min-height:100vh;padding:0;width:100%}.nav-header{background:#0000;border-bottom:none;padding:1rem 0;position:relative;z-index:10}.hero-video-section{align-items:center;background-color:#fff;display:flex;min-height:80vh;overflow:hidden;position:relative}.hero-product-section{background-color:#111827;color:#fff;overflow:hidden;padding:0}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:flex-row{flex-direction:row}.md\:block{display:block}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}@media (max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex-col{flex-direction:column}.sm\:text-center{text-align:center}}@media (max-width:575.98px){.app-nav-container,.container{padding:0 var(--space-3)}.app-nav-toggle{display:block}.app-nav-menu{display:none}.app-main-content{padding:var(--space-4) var(--space-3)}.app-page-title{font-size:var(--font-size-xl)}.app-section-title{font-size:var(--font-size-lg)}.app-form-grid{grid-template-columns:1fr}.app-table-container{margin:0 calc(var(--space-3)*-1)}.app-table-cell,.app-table-header{font-size:var(--font-size-xs);padding:var(--space-2)}.app-btn{justify-content:center;width:100%}.app-btn-group{flex-direction:column;gap:var(--space-2)}}@media (min-width:576px) and (max-width:767.98px){.container{max-width:540px}.app-dashboard-grid{grid-template-columns:1fr}.app-performance-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:991.98px){.container{max-width:720px}.app-nav-toggle{display:none}.app-nav-menu{display:flex}.app-sidebar{height:auto;position:relative;transform:translateX(0)}.app-main.with-sidebar{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:280px 1fr;margin-left:0}.app-dashboard-grid,.app-stats-overview{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px) and (max-width:1199.98px){.container{max-width:960px}.app-dashboard-grid,.app-performance-grid{grid-template-columns:repeat(3,1fr)}.app-stats-overview{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.container{max-width:1140px}.app-main.with-sidebar{display:block;margin-left:280px}.app-sidebar{height:calc(100vh - 64px);position:fixed;transform:translateX(0)}}@media (min-width:1400px){.container{max-width:1320px}.app-dashboard-grid{grid-template-columns:repeat(4,1fr)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.app-nav-brand{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.app-floating-btn,.app-nav,.app-page-actions,.app-sidebar{display:none!important}.app-main{margin-left:0!important}.app-main-content{max-width:none!important;padding:0!important}.app-card,.app-table-container{border:1px solid #ddd!important;break-inside:avoid;page-break-inside:avoid}body{background:#fff!important}.app-page-title,.app-section-title,body{color:#000!important}}@media (orientation:landscape) and (max-height:500px){.app-nav-container{height:48px}.app-main{min-height:calc(100vh - 48px)}.app-sidebar{height:calc(100vh - 48px);top:48px}.app-main-content{padding:var(--space-4)}}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.app-btn,.app-card,.app-input,.app-select,.app-table-container{border-width:2px}}@media (max-width:768px){.mobile-hide{display:none!important}.mobile-show{display:block!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}.mobile-padding{padding:var(--space-4) var(--space-3)!important}.mobile-margin{margin:var(--space-3)!important}.mobile-touch-target{align-items:center!important;display:flex!important;justify-content:center!important;min-height:44px!important;min-width:44px!important}.mobile-text-large{font-size:18px!important;line-height:1.4!important}.mobile-text-readable{font-size:16px!important;line-height:1.5!important}.mobile-compact-spacing{margin-bottom:var(--space-2)!important;padding:var(--space-2) var(--space-3)!important}.mobile-table-scroll{overflow-x:auto;white-space:nowrap}.mobile-table-stack,.mobile-table-stack tbody,.mobile-table-stack td,.mobile-table-stack th,.mobile-table-stack thead,.mobile-table-stack tr{display:block}.mobile-table-stack thead tr{left:-9999px;position:absolute;top:-9999px}.mobile-table-stack tr{border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-3)}.mobile-table-stack td{border:none;padding-bottom:var(--space-2);padding-left:50%!important;padding-top:var(--space-2);position:relative}.mobile-table-stack td:before{color:var(--color-text-muted);content:attr(data-label) ": ";font-weight:var(--font-weight-semibold);left:6px;padding-right:10px;position:absolute;white-space:nowrap;width:45%}}:root{--mobile-header-height:60px;--mobile-touch-target:44px;--mobile-safe-area-top:env(safe-area-inset-top,0px);--mobile-safe-area-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-area-left:env(safe-area-inset-left,0px);--mobile-safe-area-right:env(safe-area-inset-right,0px)}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.app-layout{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:var(--mobile-safe-area-top) var(--mobile-safe-area-right) var(--mobile-safe-area-bottom) var(--mobile-safe-area-left)}}@media screen and (-webkit-min-device-pixel-ratio:0) and (-webkit-min-device-pixel-ratio:0),screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){.app-sidebar,.app-table-container,.overflow-x-auto{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.app-card-logo,.app-logo-sidebar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width:767px){.app-mobile-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);display:flex!important;height:60px;height:var(--mobile-header-height);padding:0 var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-mobile-menu-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-height:var(--mobile-touch-target);min-width:44px;min-width:var(--mobile-touch-target);transition:background-color .2s ease}.app-mobile-menu-btn:focus,.app-mobile-menu-btn:hover{background:#ffffff1a}.app-sidebar{box-shadow:none;max-width:85vw;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px}.app-sidebar.app-sidebar-open{box-shadow:4px 0 20px #0000004d;transform:translateX(0)}.app-page-content{min-height:calc(100vh - 60px);min-height:calc(100vh - var(--mobile-header-height));padding:var(--space-4) var(--space-3)}.app-card,.app-dashboard-card,.position-card,.stock-card{border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.app-btn,.app-card-button,.btn,button{transition:all .2s ease}.app-btn,.app-card-button,.app-input,.app-select,.btn,button,input,select,textarea{border-radius:var(--radius-md);font-size:16px;min-height:44px;min-height:var(--mobile-touch-target)}.app-input,.app-select,input,select,textarea{background:var(--color-bg-accent);border:2px solid var(--color-border-secondary);color:var(--color-text-secondary);padding:var(--space-3)}.app-input:focus,.app-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 2px #2962ff33;outline:none}.app-page-title{font-size:1.75rem;line-height:1.2;margin-bottom:var(--space-3)}.app-section-title{font-size:1.25rem;line-height:1.3;margin-bottom:var(--space-3)}.mobile-spacing-compact{margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3)}.mobile-spacing-comfortable{margin-bottom:var(--space-4);padding:var(--space-4) var(--space-3)}.app-dashboard-grid,.app-performance-grid,.app-portfolio-summary{gap:var(--space-3);grid-template-columns:1fr}.app-loading,.loading-spinner{padding:var(--space-6);text-align:center}.app-error,.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--color-red-primary);font-size:16px;margin:var(--space-3);padding:var(--space-4)}}@media (max-width:767px) and (orientation:landscape) and (max-height:500px){.app-mobile-header{height:48px}.app-page-content{padding:var(--space-3) var(--space-3)}.app-sidebar{max-width:70vw}}@media (max-width:360px){.app-page-content{padding:var(--space-3) var(--space-2)}.app-card,.app-dashboard-card{padding:var(--space-3)}.beginner-mode-layout-accordion .app-card,.beginner-results-section .app-card{padding:var(--space-1)}.position-cards-grid,.stock-cards-grid{gap:var(--space-2);grid-template-columns:1fr;padding:0}.app-page-title{font-size:1.5rem}.app-section-title{font-size:1.125rem}}@media (prefers-color-scheme:dark) and (max-width:767px){.app-card,.app-dashboard-card{background:#1a1a1a;border-color:#4a4a4a}.app-input,.app-select{background:#2a2a2a;border-color:#4a4a4a}}@media (max-width:767px){a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--color-blue-primary);outline-offset:2px}.app-nav-item,.app-sidebar-link{align-items:center;display:flex;min-height:44px;min-height:var(--mobile-touch-target);padding:var(--space-3)}}@media print and (max-width:767px){.app-floating-btn,.app-mobile-header,.app-sidebar{display:none!important}.app-page-content{margin:0!important;padding:0!important}.app-card,.app-dashboard-card{break-inside:avoid;margin-bottom:var(--space-4);page-break-inside:avoid}}.app-dashboard-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--space-6)}.app-dashboard-section{margin-bottom:var(--space-8)}.app-dashboard-section-title{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-4)}.app-top-stocks{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.app-top-stocks-header{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.app-top-stocks-title{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.app-stocks-list{display:flex;flex-direction:column;gap:var(--space-3)}.app-stock-item{align-items:center;background:#ffffff05;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-3);transition:var(--transition-normal)}.app-stock-item:hover{background:#ffffff0d;transform:translateY(-1px)}.app-stock-header{align-items:center;display:flex;gap:var(--space-3)}.app-stock-rank{color:var(--color-blue-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:20px}.app-cc-candidates{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg)}.app-cc-candidate{border-bottom:1px solid var(--color-border-secondary);padding:var(--space-4);transition:var(--transition-normal)}.app-cc-candidate:hover{background:#ffffff05}.app-cc-metrics{font-size:var(--font-size-xs);gap:var(--space-2);margin-top:var(--space-2)}.app-cc-metric{font-size:var(--font-size-xs);gap:var(--space-1)}.app-cc-label{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.app-performance-overview{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.app-performance-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:var(--space-4)}.app-performance-metric{background:#ffffff05;border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.app-performance-value{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.app-performance-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.app-market-overview{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.app-market-indicators{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--space-4)}.app-market-indicator{background:#ffffff05;border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.app-indicator-value{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.app-indicator-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.app-indicator-change{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}.app-quick-actions{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.app-actions-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-4)}.app-action-card{background:#ffffff05;border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:inherit;cursor:pointer;padding:var(--space-4);text-decoration:none;transition:var(--transition-normal)}.app-action-card:hover{border-color:var(--color-blue-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-action-icon{align-items:center;background:var(--color-blue-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xl);height:48px;justify-content:center;margin-bottom:var(--space-3);width:48px}.app-action-title{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.app-action-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.app-stats-overview{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.app-stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.app-stat-value{color:var(--color-text-secondary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.app-stat-label{color:var(--color-text-muted);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.app-stat-change,.app-stat-label{font-weight:var(--font-weight-medium)}.app-stat-change{font-size:var(--font-size-xs);margin-top:var(--space-1)}.app-dashboard-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:300px;overflow:hidden;padding:18px;transition:all .2s ease}.app-dashboard-card:hover{border-color:#555;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.app-dashboard-card-clickable{cursor:pointer}.app-dashboard-card .app-card-header{background:#0000;border:none;border-radius:0;margin:0 0 12px;padding:0 0 8px}.app-dashboard-card .app-card-title{color:#fff;font-size:16px;font-weight:600;margin:0}.app-dashboard-card .app-card-content{background:#0000;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.app-dashboard-card .app-card-content .app-card-redesign{height:100%;margin:0;padding:0}.app-card-footer{border-top:1px solid #333;margin-top:12px;padding-top:8px}.app-card-action-btn{background:#2962ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.app-card-action-btn:hover{background:#1e4fc7;transform:translateY(-1px)}.app-dashboard-container{margin:0 auto;max-width:1600px;padding:24px;position:relative}.app-dashboard-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);min-height:320px}.app-dashboard-card .app-card-redesign{align-items:center;background:#0000;display:flex;flex:1 1;flex-direction:column;gap:20px;padding:0;text-align:center}.app-card-logo{align-items:center;background:linear-gradient(135deg,#2962ff,#1e4fc7);border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:8px;width:64px}.app-logo-icon{color:#fff;height:32px;width:32px}.app-card-title-center{color:#fff;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px}.app-journey-description{margin-bottom:8px}.app-journey-text{color:#ccc;font-size:15px;line-height:1.5;margin:0;max-width:280px}.app-metrics-compact{display:flex;flex-direction:column;gap:8px;margin:8px 0;width:100%}.app-metrics-label{color:#888;font-size:12px;font-weight:500}.app-metrics-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.app-metric-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ccc;font-size:11px;padding:4px 8px}.app-metrics-trading{display:flex;flex-direction:column;gap:4px;max-width:280px;width:100%}.app-stock-row{align-items:center;background:#ffffff08;border-radius:4px;display:flex;justify-content:space-between;padding:4px 8px}.app-stock-symbol{color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px}.app-stock-price{color:#10b981;font-size:14px;font-weight:600;margin-bottom:8px}.app-stock-score{color:#10b981;font-size:10px}.app-stock-score.app-negative{color:#ef4444}.app-stock-score.app-warning{color:#f97316}.app-divein-stock-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.app-divein-stock-info .app-stock-primary{border-bottom:1px solid #ffffff0f;gap:12px;justify-content:flex-start;padding-bottom:4px}.app-stock-metrics{flex-wrap:wrap;gap:24px;justify-content:center}.app-metric{display:flex;flex-direction:column;gap:2px;min-width:0}.app-metric-value{color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.app-cc-candidates-table{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;overflow:hidden;width:100%}.app-cc-table-header{background:#2962ff14;border-bottom:1px solid #2962ff33;display:grid;font-size:10px;font-weight:600;grid-template-columns:30px 60px 70px 90px 70px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.app-cc-header-price,.app-cc-header-rank,.app-cc-header-score,.app-cc-header-symbol,.app-cc-header-yield{color:#888}.app-cc-header-rank{text-align:center}.app-cc-header-symbol{text-align:left}.app-cc-header-price,.app-cc-header-score{text-align:center}.app-cc-header-yield{text-align:right}.app-cc-table-row{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:grid;grid-template-columns:30px 60px 70px 90px 70px;padding:8px 12px;transition:background-color .2s ease}.app-cc-table-row:hover{background:#ffffff08}.app-cc-table-row:last-child{border-bottom:none}.app-cc-cell-rank{color:#2962ff;font-size:11px;font-weight:700;text-align:center}.app-cc-cell-symbol{color:#fff;font-size:13px;font-weight:600;text-align:left}.app-cc-cell-price{color:#10b981;font-size:12px;font-weight:500;text-align:center}.app-cc-cell-score{color:#fff;font-size:12px;font-weight:600;text-align:center}.app-cc-cell-yield{font-size:12px;font-weight:600;text-align:right}.app-cc-candidates{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;overflow:hidden;width:100%}.app-cc-candidate{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.app-cc-candidate:hover{background:#ffffff08}.app-cc-candidate:last-child{border-bottom:none}.app-cc-candidate-inline{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;font-size:12px;gap:10px;padding:8px 12px;transition:background-color .2s ease}.app-cc-candidate-inline:hover{background:#ffffff08}.app-cc-candidate-inline:last-child{border-bottom:none}.app-cc-candidate-inline .app-stock-symbol{color:#fff;font-size:13px;font-weight:600;min-width:45px}.app-cc-candidate-inline .app-stock-price{color:#10b981;font-size:12px;font-weight:500;margin:0;min-width:60px}.app-metric-inline{align-items:center;display:flex;font-size:11px;gap:4px}.app-metric-inline .app-cc-label{color:#888;font-size:10px;font-weight:400;letter-spacing:.3px;text-transform:uppercase}.app-metric-inline .app-metric-value{color:#fff;font-size:12px;font-weight:600}.app-cc-rank{background:#2962ff26;border-radius:4px;color:#2962ff;font-size:11px;font-weight:700;min-width:22px;padding:3px 5px;text-align:center}.app-cc-label{color:#888;font-size:10px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.app-cc-metrics{gap:8px;justify-content:space-between}.app-cc-metric,.app-cc-metrics{align-items:center;display:flex;font-size:12px}.app-cc-metric{gap:6px}.app-card-button{align-items:center;background:linear-gradient(135deg,#2962ff,#1e4fc7);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:12px 20px;transition:all .2s ease;width:100%}.app-card-button:hover{background:linear-gradient(135deg,#1e4fc7,#1a429e);box-shadow:0 4px 12px #2962ff4d;transform:translateY(-1px)}.app-card-button.app-button-disabled{color:#888;cursor:not-allowed}.app-card-button.app-button-disabled,.app-card-button.app-button-disabled:hover{background:#333;box-shadow:none;transform:none}.app-button-icon{height:16px;width:16px}.app-ai-coach-floating{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;bottom:24px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:24px;transition:all .3s ease;z-index:1000}.app-ai-coach-floating:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px) scale(1.05)}.app-ai-coach-icon{height:20px;width:20px}.app-ai-coach-label{font-size:14px;font-weight:600}.app-bottom-disclaimer{background:#0003;border-top:1px solid #ffffff0f;margin-top:48px;padding:16px 24px;text-align:center}.app-bottom-disclaimer-text{color:#888;font-size:11px;line-height:1.4;margin:0 auto;max-width:600px;opacity:.8}.app-loading{align-items:center;color:#888;display:flex;font-size:14px;justify-content:center;padding:24px}.app-maintenance-hub{display:flex;flex-direction:column;gap:12px;width:100%}.app-kpi-compact{background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.app-kpi-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.app-kpi-compact-value{color:#fff;font-size:16px;font-weight:700;margin-bottom:2px}.app-kpi-compact-label{color:#888;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.app-action-items{background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;overflow:hidden}.app-action-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;padding:8px 12px}.app-action-title{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.app-action-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 12px}.app-action-item:last-child{border-bottom:none}.app-action-symbol{align-items:center;display:flex;gap:8px}.app-symbol{color:#fff;font-size:13px;font-weight:600}.app-urgency{border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.app-urgent{background:#dc2626;color:#fff}.app-soon{background:#f59e0b;color:#fff}.app-profit{background:#10b981;color:#fff}.app-action-details{align-items:center;display:flex;gap:8px}.app-detail{color:#888;font-size:11px;font-weight:500}.app-no-actions{background:#10b9811a;border:1px solid #10b98133;border-radius:6px;padding:12px;text-align:center}.app-all-good{color:#10b981;font-size:13px;font-weight:600}@media (max-width:768px){.app-kpi-compact{flex-direction:column;gap:8px;padding:10px 12px}.app-kpi-item{align-items:center;flex-direction:row;justify-content:space-between}.app-kpi-compact-value{font-size:14px}.app-kpi-compact-label{font-size:10px}.app-action-item{align-items:flex-start;flex-direction:column;gap:4px;padding:10px 12px}.app-action-details{justify-content:flex-start;width:100%}.app-urgency{font-size:8px;padding:1px 4px}}.app-kpi-row{grid-gap:12px;grid-template-columns:repeat(4,1fr)}.app-kpi-row,.app-kpi-row-3{display:grid;gap:12px;width:100%}.app-kpi-row-3{grid-gap:12px;grid-template-columns:repeat(3,1fr)}.app-kpi-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:12px;transition:background-color .2s ease}.app-kpi-card:hover{background:#ffffff08}.app-kpi-value{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:4px}.app-kpi-label{color:#888;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.app-kpi-detail{color:#aaa;font-size:12px;line-height:1.3;margin:0}.app-kpi-positive{color:#10b981}.app-kpi-negative{color:#ef4444}.app-kpi-warning{color:#f59e0b}.app-kpi-neutral{color:#6b7280}.app-positions-summary{background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;overflow:hidden;width:100%}.app-positions-header{background:#ffffff08;border-bottom:1px solid #ffffff14;color:#888;font-size:10px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.app-positions-header,.app-positions-row{display:grid;grid-template-columns:80px 80px 80px 1fr}.app-positions-row{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;padding:10px 12px;transition:background-color .2s ease}.app-positions-row:hover{background:#ffffff05}.app-positions-row:last-child{border-bottom:none}.app-position-symbol{color:#fff;font-size:13px;font-weight:600}.app-position-pnl{font-size:12px;font-weight:600}.app-position-days{color:#aaa;font-size:12px}.app-position-status{font-size:11px;font-weight:500;text-align:right}.app-positive{color:#10b981}.app-negative{color:#ef4444}.app-warning{color:#fbbf24}.app-primary{color:#2962ff}@media (max-width:1200px){.app-dashboard-row{gap:18px;grid-template-columns:repeat(2,1fr)}.app-dashboard-container{padding:20px}.app-kpi-row{gap:10px}.app-kpi-row,.app-kpi-row-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.app-dashboard-grid{grid-template-columns:1fr}.app-performance-grid{grid-template-columns:repeat(2,1fr)}.app-market-indicators{grid-template-columns:1fr}}@media (max-width:768px){.app-dashboard-row{gap:16px;grid-template-columns:1fr;min-height:auto}.app-dashboard-container{padding:16px}.app-dashboard-grid{gap:var(--space-4)}.app-dashboard-section{margin-bottom:var(--space-6)}.app-dashboard-section-title{font-size:var(--font-size-lg)}.app-actions-grid,.app-performance-grid{grid-template-columns:1fr}.app-stats-overview{grid-template-columns:repeat(2,1fr)}.app-stat-value{font-size:var(--font-size-xl)}.app-dashboard-card .app-card-redesign{gap:16px;padding:0}.app-card-logo{height:56px;width:56px}.app-logo-icon{height:28px;width:28px}.app-card-title-center{font-size:20px}.app-journey-text{font-size:14px;max-width:240px}.app-ai-coach-floating{bottom:16px;padding:10px 16px;right:16px}.app-kpi-row,.app-kpi-row-3{gap:8px;grid-template-columns:1fr}.app-kpi-card{min-height:70px;padding:10px}.app-kpi-value{font-size:16px}.app-positions-header,.app-positions-row{grid-template-columns:60px 70px 60px 1fr;padding:8px 10px}}.app-kpi-header{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:0;padding:0}@media (max-width:1200px){.app-kpi-header{gap:12px;grid-template-columns:repeat(3,1fr)}.app-kpi-header .app-kpi-card:nth-child(4),.app-kpi-header .app-kpi-card:nth-child(5){grid-column:span 1}}@media (max-width:768px){.app-kpi-header{gap:10px;grid-template-columns:repeat(2,1fr)}.app-kpi-header .app-kpi-card:nth-child(5){grid-column:span 2}}@media (max-width:480px){.app-kpi-header{gap:8px;grid-template-columns:1fr}}.app-performance-metrics{display:flex;flex-direction:column;gap:12px;width:100%}.app-performance-highlights{background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;padding:12px}.app-performance-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;margin-bottom:12px;padding-bottom:8px}.app-performance-icon{color:#f59e0b;height:16px;width:16px}.app-performance-title{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.app-performance-stats{display:flex;flex-direction:column;gap:8px}.app-performance-stat{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.app-stat-label{color:#888;font-size:12px;font-weight:500}.app-stat-value{color:#fff;font-size:13px;font-weight:600}.app-screener-container{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden}.app-screener-filters{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4)}.app-screener-search{background:var(--color-bg-accent);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:200px;padding:var(--space-2) var(--space-3)}.app-screener-search:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 2px #2962ff33}.app-screener-filter-select{background:var(--color-bg-accent);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:120px;padding:var(--space-2) var(--space-3)}.app-screener-table{background:var(--color-bg-accent);border-collapse:collapse;width:100%}.app-screener-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);text-align:left}.app-screener-header:hover{background:#333}.app-stock-row{border-bottom:1px solid var(--color-border-secondary);cursor:pointer;transition:var(--transition-normal)}.app-stock-row:hover{background:#ffffff05}.app-stock-row:last-child{border-bottom:none}.app-stock-cell{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);vertical-align:middle}.app-stock-primary{align-items:center;display:flex;justify-content:space-between}.app-stock-symbol{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.app-stock-name{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-1)}.app-stock-price{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.app-stock-price.app-secondary{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;margin:0}.app-stock-metrics{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--space-2);justify-content:space-between}.app-metric-value{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.app-metric-value.app-large{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.app-metric-value.app-medium{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.app-cc-score-cell{padding:var(--space-2);text-align:center}.app-cc-score{background:linear-gradient(135deg,var(--color-yellow-primary),var(--color-yellow-600));border-radius:var(--radius-sm);color:#000;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);min-width:40px;padding:var(--space-1) var(--space-2)}.app-positive{color:var(--color-green-primary)}.app-negative{color:var(--color-red-primary)}.app-neutral{color:var(--color-text-muted)}.app-column-selector{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;min-width:200px;overflow-y:auto;padding:var(--space-3);position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.app-column-option{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);padding:var(--space-2) 0}.app-column-option:hover{color:var(--color-blue-primary)}.app-column-checkbox{accent-color:var(--color-blue-primary);margin-right:var(--space-2)}.app-column-selector::-webkit-scrollbar{width:6px}.app-column-selector::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}.app-column-selector::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}.app-column-selector::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.app-screener-loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-base);height:200px;justify-content:center}.app-screener-empty{color:var(--color-text-muted);padding:var(--space-12);text-align:center}.app-screener-empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.app-screener-empty-title{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.app-screener-empty-description{color:var(--color-text-muted);font-size:var(--font-size-sm)}.app-screener-actions{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.app-screener-export-btn{margin-left:auto;min-width:120px}.app-screener-filter-btn{position:relative}.app-search-suggestions{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:300px;max-width:500px;min-width:400px;overflow-y:auto;position:absolute;top:100%;z-index:var(--z-dropdown)}.app-search-suggestion{align-items:center;border-bottom:1px solid var(--color-border-secondary);cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background-color .2s ease}.app-search-suggestion:last-child{border-bottom:none}.app-search-suggestion.highlighted,.app-search-suggestion:hover{background:var(--color-bg-accent)}.app-suggestion-symbol{color:var(--color-text-primary);font-weight:600;min-width:60px}.app-suggestion-name{color:var(--color-text-muted);flex:1 1;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem}.stock-card{background:#1e1e1e;border:1px solid #4a4a4a;border-radius:8px;cursor:pointer;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease}.stock-card:hover{border-color:#2962ff;box-shadow:0 4px 12px #2962ff26;transform:translateY(-2px)}.stock-card-selected{background:#1a2332;border-color:#2962ff;box-shadow:0 0 0 2px #2962ff4d}.stock-card-selected:hover{box-shadow:0 0 0 2px #2962ff66,0 4px 12px #2962ff33}.stock-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.stock-card-symbol-section{flex:1 1}.stock-card-symbol{color:#fff;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.stock-card-company-name{color:#999;font-size:.875rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-card-price-section{text-align:right}.stock-card-price{color:#fff;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.stock-card-sector{background:#2a2a2a;border-radius:4px;color:#999;display:inline-block;font-size:.75rem;max-width:80px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.stock-card-sector-row{align-items:center;display:flex;gap:6px;margin-top:2px}.stock-card-market-cap{background:#2a2a2a80;border:1px solid #8883;border-radius:3px;color:#888;font-size:.65rem;font-weight:500;letter-spacing:.3px;padding:1px 5px;white-space:nowrap}.stock-card-chart{border-radius:6px;margin-bottom:.75rem;overflow:hidden}.mini-stock-chart{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:6px;overflow:hidden;position:relative;width:100%}.mini-stock-chart-label{background:#2a2a2acc;border-radius:3px;color:#999;font-size:.7rem;font-weight:500;left:6px;padding:2px 4px;position:absolute;top:6px;z-index:10}.mini-stock-chart-canvas{display:block;height:100%;width:100%}.mini-stock-chart-error,.mini-stock-chart-loading{align-items:center;background:#2a2a2a;border:1px solid #4a4a4a;border-radius:6px;display:flex;justify-content:center}.mini-stock-chart-spinner{animation:spin 1s linear infinite;border:2px solid #4a4a4a;border-radius:50%;border-top-color:#2962ff;height:16px;width:16px}.mini-stock-chart-error-text{color:#999;font-size:.75rem;font-weight:500}.mini-stock-chart-skeleton{align-items:center;background:#2a2a2a;border:1px solid #4a4a4a;border-radius:6px;display:flex;justify-content:center;position:relative}.mini-stock-chart-skeleton-content{align-items:center;display:flex;height:100%;justify-content:center;padding:12px;width:100%}.mini-stock-chart-skeleton-line{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%);background-size:200% 100%;border-radius:4px;height:60%;opacity:.6;width:80%}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.stock-card-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.stock-card-metrics-compact{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:0}.stock-card-metric{text-align:center}.stock-card-metric-label{color:#999;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.stock-card-metric-value{color:#fff;font-size:.875rem;font-weight:600}.stock-card-details{background:#2a2a2a;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem}.stock-card-detail-item{align-items:center;display:flex;justify-content:space-between}.stock-card-detail-label{color:#999;font-size:.75rem;font-weight:500}.stock-card-detail-value{color:#fff;font-size:.75rem;font-weight:500}.stock-card-actions{display:flex;gap:.5rem}.stock-card-button{background:#2962ff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.stock-card-button:hover{background:#1d4ed8;transform:translateY(-1px)}.stock-card-button:active{transform:translateY(0)}@media (max-width:768px){.app-screener-filters{align-items:stretch;flex-direction:column;gap:var(--space-3)}.app-screener-filter-select,.app-screener-search{font-size:16px;min-width:auto;width:100%}.app-screener-filter-select{padding:12px}.app-screener-table{font-size:var(--font-size-xs)}.app-screener-header,.app-stock-cell{padding:var(--space-2) var(--space-3)}.app-screener-hide-mobile{display:none}.app-column-selector{left:var(--space-4);max-height:60vh;min-width:auto;right:var(--space-4)}.app-search-suggestions{left:0;max-height:50vh;max-width:none;min-width:auto;right:0}.app-search-suggestion{min-height:44px;padding:12px}.stock-cards-grid{gap:var(--space-4);grid-template-columns:1fr;padding:0}.stock-card{padding:var(--space-3)}.beginner-mode-layout-accordion .app-card,.beginner-results-section .app-card{padding:var(--space-1)}.stock-card-company-name{max-width:140px}.stock-card-metrics{gap:var(--space-2);grid-template-columns:1fr 1fr}.stock-card-metrics-compact{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.beginner-mode-layout{flex-direction:column;gap:var(--space-4)}.beginner-questions-section,.beginner-results-section{flex:none;min-width:auto;width:100%}}.beginner-mode-layout{align-items:flex-start;display:flex;gap:20px}.beginner-questions-section{flex:0 0 400px;min-width:350px}.beginner-results-section{flex:1 1;min-width:0}.app-page-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.app-page-header-left{flex:1 1}.app-page-header-right{flex-shrink:0}.selected-stock-display{background:#1e1e1e;border:1px solid #2962ff;border-radius:8px;box-shadow:0 4px 12px #2962ff26;min-width:300px;padding:.75rem;position:relative}.selected-stock-single-line{align-items:center;display:flex;gap:.75rem}.selected-stock-symbol{color:#fff;flex-shrink:0;font-size:1.125rem;font-weight:700}.selected-stock-price{color:#2962ff;flex-shrink:0;font-size:1rem;font-weight:600}.selected-stock-analyze-btn{align-items:center;background:#2962ff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.375rem;justify-content:center;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.selected-stock-analyze-btn:hover{background:#1d4ed8;box-shadow:0 2px 8px #2962ff4d;transform:translateY(-1px)}.selected-stock-analyze-btn:active{transform:translateY(0)}.selected-stock-close-corner{align-items:center;background:#0000;border:none;border-radius:3px;color:#999;cursor:pointer;display:flex;height:20px;justify-content:center;left:.25rem;padding:.125rem;position:absolute;top:.25rem;transition:all .2s ease;width:20px;z-index:10}.selected-stock-close-corner:hover{background:#2a2a2a;color:#fff}@media (max-width:768px){.app-page-header{flex-direction:column;gap:1rem}.app-page-header-right{width:100%}.selected-stock-display{min-width:auto;width:100%}}.beginner-mode-layout-v2{display:flex;flex-direction:column;gap:20px}.beginner-top-row{align-items:stretch;display:flex;gap:20px;min-height:400px}.beginner-filters-section{flex:1 1;min-width:0}.beginner-results-full-width{width:100%}.filter-item{animation:slideInRight .3s ease-out}@media (max-width:768px){.beginner-mode-layout-v2 .beginner-top-row{flex-direction:column;min-height:auto}.beginner-mode-layout-v2 .beginner-questions-section{flex:none;min-width:auto;width:100%}.beginner-mode-layout-v2 .beginner-filters-section{width:100%}.beginner-mode-layout-v2 .stock-cards-grid{gap:12px;grid-template-columns:1fr!important}.active-filters-toggle{font-size:14px!important;min-height:48px;padding:12px!important}.beginner-mode-layout-v2 .btn-pagination{font-size:12px;padding:8px 12px}.beginner-mode-layout-v2 .btn-pagination[title="First page"],.beginner-mode-layout-v2 .btn-pagination[title="Last page"]{display:none}.beginner-mode-layout-v2 .filter-item{font-size:12px}}@media (min-width:768px) and (max-width:1024px){.beginner-mode-layout-v2 .beginner-questions-section{flex:0 0 350px;min-width:300px}.beginner-mode-layout-v2 .stock-cards-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1440px){.beginner-mode-layout-v2 .stock-cards-grid{grid-template-columns:repeat(4,1fr)}.beginner-mode-layout-v2 .beginner-questions-section{flex:0 0 450px}}@media (max-width:480px){.beginner-mode-layout-v2 .app-card,.beginner-mode-layout-v2 .app-card-header{padding:12px}.beginner-mode-layout-v2 .app-card-title{font-size:16px}.beginner-mode-layout-v2 .flex.items-center.justify-between{flex-direction:column;gap:8px}}.beginner-mode-layout-accordion{display:flex;flex-direction:column;gap:16px;width:100%}.beginner-accordion-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.beginner-results-section{display:flex;flex-direction:column}.accordion-card{background:#1f2937;border:1px solid #374151;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.accordion-card:hover{border-color:#4b5563;box-shadow:0 4px 12px #00000026}.accordion-card.expanded{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626}.accordion-header{align-items:center;background:#1f2937;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;text-align:left;transition:background-color .2s ease;width:100%}.accordion-header:hover{background:#374151}.accordion-header.expanded{background:#1f2937;border-bottom:1px solid #374151}.accordion-header-content{align-items:center;display:flex;flex:1 1;gap:12px}.accordion-icon{align-items:center;display:flex;font-size:20px;height:24px;justify-content:center;width:24px}.accordion-title{color:#f9fafb;font-size:16px;font-weight:600;margin:0}.accordion-subtitle{color:#9ca3af;font-size:13px;margin:4px 0 0}.accordion-chevron{color:#9ca3af;flex-shrink:0;height:20px;transition:transform .3s ease;width:20px}.accordion-chevron.expanded{color:#3b82f6;transform:rotate(180deg)}.accordion-content{overflow:hidden;transition:max-height .3s ease,padding .3s ease}.accordion-content.collapsed{max-height:0;padding:0 24px}.accordion-content.expanded{max-height:800px;padding:20px 24px 24px}.accordion-content-inner{display:flex;flex-direction:column;gap:20px}.accordion-question-section{display:flex;flex-direction:column;gap:16px}.accordion-question-title{color:#f9fafb;font-size:14px;font-weight:600;margin-bottom:8px}.accordion-question-subtitle{color:#9ca3af;font-size:12px;line-height:1.4;margin-bottom:16px}.accordion-slider-container{margin:16px 0}.accordion-slider{background:#374151;border-radius:3px;height:6px;outline:none;transition:background .2s ease;width:100%}.accordion-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.accordion-slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.accordion-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.accordion-slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}.accordion-strategy-options{display:flex;flex-direction:column;gap:12px}.accordion-strategy-option{background:#374151;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:12px 16px;transition:all .2s ease}.accordion-strategy-option:hover{background:#4b5563;border-color:#6b7280}.accordion-strategy-option.selected{background:#1e3a8a;border-color:#3b82f6}.accordion-strategy-option-title{color:#f9fafb;font-size:14px;font-weight:600;margin-bottom:4px}.accordion-strategy-option-description{color:#d1d5db;font-size:12px;line-height:1.4}.accordion-filters-section{border-top:1px solid #374151;padding-top:20px}.accordion-filters-title{align-items:center;color:#f9fafb;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.accordion-filters-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.accordion-filter-item{background:#111827;border:1px solid #374151;border-radius:8px;padding:12px 16px;transition:all .2s ease}.accordion-filter-item:hover{border-color:#4b5563;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.accordion-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.accordion-filter-label{color:#f9fafb;font-size:13px;font-weight:600}.accordion-filter-value{color:#3b82f6;font-size:13px;font-weight:600}.accordion-filter-source{color:#9ca3af;font-size:11px;margin-bottom:2px}.accordion-filter-explanation{color:#6b7280;font-size:11px;line-height:1.3}.accordion-filter-item{animation:slideInRight .3s ease-out}@media (max-width:768px){.beginner-mode-layout-accordion{gap:16px}.accordion-header{padding:16px 20px}.accordion-content.expanded{padding:16px 20px 20px}.accordion-title{font-size:15px}.accordion-subtitle{font-size:12px}.accordion-slider::-webkit-slider-thumb{height:24px;width:24px}.accordion-slider::-moz-range-thumb{height:24px;width:24px}.accordion-filters-grid,.accordion-strategy-options{gap:10px}}@media (max-width:480px){.accordion-header{padding:14px 16px}.accordion-content.expanded{padding:14px 16px 16px}.accordion-title{font-size:14px}.accordion-subtitle{font-size:11px}.accordion-slider::-webkit-slider-thumb{height:26px;width:26px}.accordion-slider::-moz-range-thumb{height:26px;width:26px}}@media (min-width:768px) and (max-width:1024px){.accordion-filters-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.accordion-filters-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.questions-grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.questions-grid-container .accordion-card{height:auto;margin-bottom:0!important;min-height:300px}.questions-grid-container .accordion-content.expanded{max-height:600px}}@media (min-width:1024px){.questions-grid-container{grid-gap:16px!important;align-items:stretch;display:grid!important;gap:16px!important;grid-template-columns:repeat(3,1fr)!important}.questions-grid-container .accordion-card{display:flex;flex-direction:column;height:auto;margin-bottom:0!important;min-height:250px}.questions-grid-container .accordion-card.app-card{max-width:none!important;width:auto!important}.questions-grid-container .accordion-content.expanded{max-height:350px;overflow-y:auto}.questions-grid-container .accordion-content{flex:1 1}}@media (min-width:1440px){.beginner-accordion-section{gap:32px}.accordion-card{min-height:400px}}.app-options-container{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden}.app-options-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-4)}.app-options-title{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.app-options-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.app-options-filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.app-options-filter-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.app-options-filter-select{background:var(--color-bg-accent);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:100px;padding:var(--space-2) var(--space-3)}.app-options-chain{background:var(--color-bg-accent);border-collapse:collapse;table-layout:fixed;width:100%}.app-options-chain th{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);font-weight:var(--font-weight-semibold);min-width:60px;padding:var(--space-2) var(--space-1)}.app-options-chain td,.app-options-chain th{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center;white-space:nowrap}.app-options-chain td{border-bottom:1px solid #ffffff0d;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;overflow:hidden;padding:var(--space-1) var(--space-2);text-overflow:ellipsis}.app-options-strike{background:#2962ff1a;border-left:1px solid var(--color-border-secondary);border-right:1px solid var(--color-border-secondary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.app-options-calls{background:#10b9810d}.app-options-puts{background:#ef44440d}.app-greeks-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.app-greeks-title{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);text-align:center}.app-greeks-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.app-greek-item{background:#ffffff05;border-radius:var(--radius-sm);padding:var(--space-2);text-align:center}.app-greek-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1);text-transform:uppercase}.app-greek-value{color:var(--color-text-secondary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.app-strategy-analyzer{background:var(--color-bg-accent);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6);padding:var(--space-6)}.app-strategy-title{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);text-align:center}.app-strategy-form{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.app-options-analysis{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.app-analysis-section,.app-options-analysis{margin-bottom:var(--space-6)}.app-analysis-section:last-child{margin-bottom:0}.app-analysis-title{border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.app-analysis-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.app-analysis-metric{background:#ffffff05;border-radius:var(--radius-sm);padding:var(--space-3);text-align:center}.app-analysis-value{color:var(--color-text-secondary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.app-analysis-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.app-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a2a2af2;border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-width:250px;padding:var(--space-3);z-index:var(--z-tooltip)}.app-tooltip-title{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.app-tooltip-content{color:var(--color-text-muted)}.options-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.app-chart-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);height:400px;margin-bottom:var(--space-6);padding:var(--space-4);position:relative}.app-chart-full{height:100%;position:relative;width:100%}.app-expiration-selector{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.app-expiration-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);transition:var(--transition-normal)}.app-expiration-btn:hover{background:var(--color-bg-accent);color:var(--color-text-secondary)}.app-expiration-btn.active{background:var(--color-blue-primary);border-color:var(--color-blue-primary);color:var(--color-text-secondary)}.app-options-loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-base);height:200px;justify-content:center}.app-options-empty{color:var(--color-text-muted);padding:var(--space-12);text-align:center}@media (max-width:1024px){.app-options-header{align-items:stretch;flex-direction:column}.app-options-filters{justify-content:center}.app-strategy-form{grid-template-columns:1fr}.app-analysis-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.app-options-chain td,.app-options-chain th{font-size:11px;min-width:55px;padding:var(--space-1)}.app-options-filter-select{font-size:16px;min-height:44px;padding:12px}.app-greeks-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.app-analysis-grid{grid-template-columns:1fr}.app-expiration-selector{gap:var(--space-2);justify-content:center}.app-expiration-btn{font-size:var(--font-size-sm);min-height:44px;min-width:44px;padding:var(--space-3) var(--space-4)}.app-chart-container{height:300px;padding:var(--space-3)}.app-tooltip{font-size:var(--font-size-sm);max-width:90vw}.app-greek-item{display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:var(--space-3)}.app-greek-value{font-size:var(--font-size-base)}.options-cards-grid{gap:var(--space-3);grid-template-columns:1fr}}.app-portfolio-container{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden}.app-portfolio-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);padding:var(--space-6)}.app-portfolio-title{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.app-portfolio-summary{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.app-portfolio-stat{background:#ffffff05;border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.app-portfolio-stat-value{color:var(--color-text-secondary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.app-portfolio-stat-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.app-positions-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden}.app-positions-header{align-items:center;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;padding:var(--space-4)}.app-positions-title{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.app-positions-table{background:var(--color-bg-accent);border-collapse:collapse;width:100%}.app-positions-table th{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary);font-weight:var(--font-weight-semibold);text-align:left}.app-positions-table td,.app-positions-table th{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.app-positions-table td{border-bottom:1px solid #ffffff0d;vertical-align:middle}.app-position-row{cursor:pointer;transition:var(--transition-normal)}.app-position-row:hover{background:#ffffff05}.app-position-symbol{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.app-position-type{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-1);text-transform:uppercase}.app-position-quantity{font-weight:var(--font-weight-medium)}.app-position-pnl,.app-position-quantity{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.app-position-pnl{font-weight:var(--font-weight-semibold)}.app-position-pnl.positive{color:var(--color-green-primary)}.app-position-pnl.negative{color:var(--color-red-primary)}.app-position-status{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);text-transform:uppercase}.app-position-status.open{background:#10b98133;color:var(--color-green-primary)}.app-position-status.closed{background:#6b728033;color:var(--color-text-muted)}.app-position-status.expired{background:#ef444433;color:var(--color-red-primary)}.app-trade-history{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden}.app-trade-item{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;padding:var(--space-4);transition:var(--transition-normal)}.app-trade-item:hover{background:#ffffff05}.app-trade-item:last-child{border-bottom:none}.app-trade-details{flex:1 1}.app-trade-symbol{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.app-trade-info{color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);gap:var(--space-4)}.app-trade-date{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-1)}.app-trade-result{min-width:100px;text-align:right}.app-trade-pnl{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.app-trade-return{font-size:var(--font-size-sm);margin-top:var(--space-1)}.app-performance-charts{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--space-6)}.app-performance-chart{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);height:300px;padding:var(--space-6)}.app-chart-title{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);text-align:center}.app-add-position-form{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.app-form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.app-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.app-portfolio-analytics{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.app-analytics-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-4)}.app-analytics-section{background:#ffffff05;border-radius:var(--radius-md);padding:var(--space-4)}.app-analytics-title{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);text-align:center}.app-analytics-metrics{display:flex;flex-direction:column;gap:var(--space-2)}.app-analytics-metric{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:var(--space-2) 0}.app-analytics-metric:last-child{border-bottom:none}.app-analytics-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.app-analytics-value{color:var(--color-text-secondary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.portfolio-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.portfolio-header-left{align-items:center;display:flex;gap:12px}.portfolio-position-count{color:#9ca3af;font-size:14px}.portfolio-header-actions{align-items:center;display:flex;gap:8px}.portfolio-action-btn{font-size:12px;padding:6px 12px}.position-card{background:#1e1e1e;border:1px solid #4a4a4a;border-radius:8px;cursor:pointer;height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.position-card:hover{border-color:#2962ff;box-shadow:0 4px 12px #2962ff26;transform:translateY(-2px)}.position-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:20px}.position-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.position-card-ticker{color:#60a5fa;font-size:18px;font-weight:700;margin-bottom:2px}.position-card-price{color:#9ca3af;font-size:14px;font-weight:500}.position-card-chart{background-color:#111827;border-radius:8px;margin-bottom:16px;padding:8px;position:relative}.position-card-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.position-card-pnl-grid{grid-gap:8px;display:grid;gap:8px;grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.position-card-recommendation{background-color:#111827;border-radius:8px;margin-bottom:16px;padding:12px}.position-card-actions{border-top:1px solid #374151;display:flex;gap:8px;padding-top:12px}.position-card-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:background-color .2s}.position-card-button-close{background-color:#059669;color:#fff}.position-card-button-close:hover{background-color:#047857}.position-card-button-roll{background-color:#2563eb;color:#fff}.position-card-button-roll:hover{background-color:#1d4ed8}.position-card-button-delete{background-color:#dc2626;color:#fff}.position-card-button-delete:hover{background-color:#b91c1c}@media (max-width:1024px){.app-portfolio-summary{grid-template-columns:repeat(2,1fr)}.app-analytics-grid,.app-performance-charts,.position-cards-grid{grid-template-columns:1fr}.position-cards-grid{gap:var(--space-3);padding:var(--space-3)}}@media (max-width:768px){.app-portfolio-header{padding:var(--space-4)}.app-portfolio-summary{grid-template-columns:1fr}.app-positions-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.app-positions-table td,.app-positions-table th{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.app-trade-item{align-items:stretch;flex-direction:column;gap:var(--space-3)}.app-trade-result{min-width:auto;text-align:left}.app-form-grid{grid-template-columns:1fr}.app-form-actions{flex-direction:column}.app-performance-chart{height:250px}.portfolio-header-content{align-items:stretch;flex-direction:column;gap:var(--space-3)}.portfolio-header-left{justify-content:center}.portfolio-header-actions{flex-wrap:wrap;justify-content:center}.portfolio-action-btn{flex:1 1;font-size:14px;min-width:120px;padding:8px 12px}}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--color-blue-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-accent)}::selection{background:#2962ff4d;color:var(--color-text-secondary)}::-moz-selection{background:#2962ff4d;color:var(--color-text-secondary)}::placeholder{color:var(--color-text-muted);opacity:1}@keyframes spin{to{transform:rotate(1turn)}}.app-loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--color-border-secondary);border-radius:50%;border-top-color:var(--color-blue-primary);display:inline-block;height:20px;width:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-fade-in{animation:fadeIn .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.app-slide-in-right{animation:slideInRight .3s ease-out}.app-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.app-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,#ffffff0d 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.app-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-contrast:high){:root{--color-bg-secondary:#000;--color-bg-tertiary:#1a1a1a;--color-text-secondary:#fff;--color-border-secondary:#fff}}.ai-coach-widget{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);background-clip:padding-box;border:2px solid #0000;border-radius:12px;margin-bottom:var(--space-4);overflow:hidden;position:relative}.ai-coach-widget:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.ai-coach-widget-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-4);transition:background-color .2s ease}.ai-coach-widget-header:hover{background-color:#ffffff08}.ai-coach-widget-title{align-items:center;display:flex;gap:var(--space-3)}.ai-coach-widget-icon{animation:pulse 2s ease-in-out infinite;font-size:24px}.ai-coach-widget-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.ai-coach-widget-toggle{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:44px;min-width:44px;padding:var(--space-2);transition:transform .2s ease,color .2s ease}.ai-coach-widget-toggle:hover{color:var(--text-primary);transform:scale(1.1)}.ai-coach-widget-content{animation:slideDown .3s ease-out;padding:0 var(--space-4) var(--space-4) var(--space-4)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-coach-widget-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:var(--space-4)}.ai-coach-widget-prompts{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-4)}.ai-coach-prompt-button{align-items:center;background-color:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:var(--space-2);min-height:44px;padding:var(--space-3);text-align:left;transition:all .2s ease}.ai-coach-prompt-button:hover{background-color:#3b82f633;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.ai-coach-prompt-button:active{transform:translateY(0)}.ai-coach-prompt-emoji{flex-shrink:0;font-size:20px}.ai-coach-prompt-label{font-weight:500}.ai-coach-widget-cta{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;min-height:44px;padding:var(--space-3);transition:all .2s ease;width:100%}.ai-coach-widget-cta:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.ai-coach-widget-cta:active{transform:translateY(0)}@media (max-width:768px){.ai-coach-widget{margin-bottom:var(--space-3)}.ai-coach-widget-header{padding:var(--space-3)}.ai-coach-widget-title h3{font-size:16px}.ai-coach-widget-content{padding:0 var(--space-3) var(--space-3) var(--space-3)}.ai-coach-widget-prompts{gap:var(--space-2);grid-template-columns:1fr}.ai-coach-prompt-button{font-size:13px;padding:var(--space-2-5)}.ai-coach-widget-description{font-size:13px}}@media (max-width:360px){.ai-coach-widget-icon{font-size:20px}.ai-coach-widget-title h3{font-size:14px}.ai-coach-prompt-emoji{font-size:18px}}.app-chat-container{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);background-clip:padding-box;border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow:hidden;position:relative}.app-chat-container:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.app-chat-header{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-4)}.app-chat-title-section{display:flex;flex-direction:column;gap:var(--space-1)}.app-chat-title-with-icon{align-items:center;display:flex;gap:var(--space-3)}.app-chat-emoji-icon{animation:pulse 2s ease-in-out infinite;font-size:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-chat-title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.app-chat-subtitle{color:var(--color-text-muted);font-size:11px;margin:2px 0 0}.app-chat-clear-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);min-height:44px;padding:var(--space-2) var(--space-3);transition:all .2s ease}.app-chat-clear-button:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.app-chat-messages{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-2);min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--space-2);scroll-behavior:smooth}.app-message-wrapper{display:flex;margin-bottom:0}.app-message-wrapper.app-message-user{justify-content:flex-end}.app-message-wrapper.app-message-assistant{justify-content:flex-start}.app-message-content{max-width:70%;min-width:100px}.app-message-bubble{word-wrap:break-word;border-radius:var(--radius-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;padding:var(--space-2) var(--space-3)}.app-message-bubble.app-message-user{background:var(--color-blue-primary);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl)}.app-message-bubble.app-message-assistant{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm)}.app-message-bullet,.app-message-line{margin-bottom:var(--space-1)}.app-message-bullet{margin-left:var(--space-4)}.app-message-spacer{height:var(--space-2)}.app-message-inline-code{background:#ffffff1a;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:Monaco,Courier New,monospace;font-size:.9em;padding:2px 6px}.app-message-header{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.app-message-bubble strong{color:var(--color-text-secondary);font-weight:var(--font-weight-bold)}.app-message-bubble em{color:var(--color-text-secondary);font-style:italic}.app-message-table-container{background:var(--color-bg-primary);border-radius:var(--radius-lg);margin-top:var(--space-3);overflow-x:auto;padding:var(--space-3)}.app-message-table{border-collapse:collapse;font-size:var(--font-size-xs);width:100%}.app-message-table thead tr{border-bottom:1px solid var(--color-border-secondary)}.app-message-table th{color:var(--color-text-muted);font-weight:var(--font-weight-medium);padding:var(--space-2);text-align:left}.app-message-table td{border-bottom:1px solid #ffffff0d;color:var(--color-text-secondary);padding:var(--space-2)}.app-message-table tbody tr:last-child td{border-bottom:none}.app-message-stock-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:var(--space-2)}.app-message-stock-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3)}.app-message-stock-symbol{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.app-message-stock-score{color:var(--color-green-primary);font-size:var(--font-size-xs)}.app-message-timestamp{color:var(--color-text-disabled);font-size:11px;margin-top:var(--space-1)}.app-message-user .app-message-timestamp{text-align:right}.app-message-assistant .app-message-timestamp{text-align:left}.app-typing-indicator{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xl);display:flex;gap:var(--space-2);max-width:70px;padding:var(--space-3) var(--space-4)}.app-typing-dot{animation:typing 1.4s infinite;background:var(--color-text-muted);border-radius:50%;height:8px;width:8px}.app-typing-dot:nth-child(2){animation-delay:.2s}.app-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.app-quick-actions{border-bottom:1px solid var(--color-border-secondary);display:flex;flex-shrink:0;gap:var(--space-2);overflow-x:auto;padding:var(--space-4)}.app-quick-actions-label{align-self:center;color:var(--color-text-disabled);margin-right:var(--space-2)}.app-quick-action-button,.app-quick-actions-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.app-quick-action-button{align-items:center;background-color:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;min-height:44px;padding:var(--space-2) var(--space-3);transition:all .2s ease}.app-quick-action-button:hover{background-color:#3b82f633;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.app-quick-action-button:active{transform:translateY(0)}.app-message-input-area{border-top:1px solid var(--color-border-secondary);display:flex;flex-shrink:0;gap:var(--space-2);padding:var(--space-2)}.app-message-input{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);flex:1 1;font-family:inherit;font-size:var(--font-size-sm);outline:none;padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.app-message-input:focus{border-color:var(--color-blue-primary);box-shadow:0 0 0 2px #2962ff33}.app-message-input:disabled{cursor:not-allowed;opacity:.5}.app-message-send-button{align-items:center;background:var(--color-blue-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.app-message-send-button:hover:not(:disabled){background:var(--color-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-message-send-button:disabled{background:var(--color-bg-accent);color:var(--color-text-disabled);cursor:not-allowed}.app-message-send-icon{height:16px;width:16px}@media (max-width:768px){.app-chat-container{height:calc(100vh - 60px)}.app-chat-header{padding:var(--space-3)}.app-chat-emoji-icon{font-size:20px}.app-chat-title-section h1{font-size:var(--font-size-base)}.app-chat-subtitle{font-size:10px}.app-chat-clear-button{font-size:11px;min-height:40px;padding:.375rem .625rem;padding:var(--space-1-5) var(--space-2-5)}.app-chat-messages{gap:var(--space-3);padding:var(--space-2)}.app-message-content{max-width:85%}.app-message-bubble{font-size:13px}.app-quick-actions{gap:var(--space-2);padding:var(--space-3)}.app-quick-action-button{font-size:11px;min-height:40px;padding:.375rem .625rem;padding:var(--space-1-5) var(--space-2-5)}.app-message-input-area{padding:var(--space-2)}.app-message-input{font-size:13px}.app-message-send-button{padding:var(--space-3) var(--space-4)}.app-message-stock-grid{grid-template-columns:1fr}}@media (max-width:360px){.app-chat-header{padding:var(--space-2) var(--space-3)}.app-chat-emoji-icon{font-size:18px}.app-chat-title-section h1{font-size:14px}.app-chat-subtitle{font-size:9px}.app-chat-clear-button{font-size:10px;min-height:36px;padding:var(--space-1) var(--space-2)}.app-message-content{max-width:90%}.app-quick-actions{padding:var(--space-2)}.app-quick-actions-label{display:none}.app-quick-action-button{font-size:10px;min-height:36px;padding:var(--space-1) var(--space-2)}}:root{--space-0-5:0.125rem;--space-1-5:0.375rem;--space-2-5:0.625rem}
/*# sourceMappingURL=main.da74b63b.css.map*/