:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-success:#10b981;--color-success-light:#d1fae5;--color-error:#ef4444;--color-error-light:#fee2e2;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--max-width:768px;--header-height:60px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-gray-50);color:var(--color-gray-800);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-md);width:100%}.page{min-height:calc(100vh - var(--header-height));padding:var(--spacing-lg) 0}.page-centered{min-height:calc(100vh - var(--header-height))}.login-page,.page-centered{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-lg)}.login-page{background-color:var(--color-gray-50);min-height:100vh}.login-container{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-xl);width:100%}.login-header{margin-bottom:var(--spacing-xl);text-align:center}.login-logo{font-size:4rem;margin-bottom:var(--spacing-md)}.login-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.login-subtitle{color:var(--color-gray-500);font-size:var(--font-size-sm)}.login-form{margin-bottom:var(--spacing-lg)}.login-footer{color:var(--color-gray-400);font-size:var(--font-size-xs);text-align:center}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--color-gray-500)}.text-center{text-align:center}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.btn{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-300)}.btn-outline{background-color:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.btn-outline:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-block{width:100%}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-sm)}.form-input,.form-textarea{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-800);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-gray-400)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-textarea{min-height:150px;resize:vertical}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.card-header{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.card-title{font-size:var(--font-size-lg);font-weight:600}.tabs{background-color:var(--color-gray-100);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs)}.tab{background-color:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--color-gray-600);cursor:pointer;flex:1;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.tab:hover{color:var(--color-gray-800)}.tab.active{background-color:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-primary)}.alert{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);padding:var(--spacing-md)}.alert-error{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error)}.alert-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:24px;width:24px}.spinner-lg{border-width:4px;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl)}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);height:var(--header-height);position:sticky;top:0;z-index:100}.header-content{height:100%;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-md)}.header-content,.header-logo{align-items:center;display:flex}.header-logo{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:600;gap:var(--spacing-sm)}.header-logo-icon{font-size:var(--font-size-2xl)}.header-actions{gap:var(--spacing-md)}.header-actions,.quota-badge{align-items:center;display:flex}.quota-badge{background-color:var(--color-gray-100);border-radius:var(--border-radius-full);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs)}.btn-logout,.quota-badge{padding:var(--spacing-xs) var(--spacing-sm)}.btn-logout{background:none;border:none;color:var(--color-gray-500);cursor:pointer;font-size:var(--font-size-xl);transition:color var(--transition-fast)}.btn-logout:hover{color:var(--color-error)}.markdown-content{line-height:1.7}.markdown-content h1{border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--spacing-sm)}.markdown-content h1,.markdown-content h2{margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.markdown-content h2{color:var(--color-primary)}.markdown-content h3{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.markdown-content p{margin-bottom:var(--spacing-md)}.markdown-content ol,.markdown-content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.markdown-content li{margin-bottom:var(--spacing-xs)}.markdown-content code{background-color:var(--color-gray-100);border-radius:var(--border-radius-sm);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875em;padding:.125rem .375rem}.markdown-content pre{background-color:var(--color-gray-800);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);overflow-x:auto;padding:var(--spacing-md)}.markdown-content pre code{background-color:transparent;color:var(--color-gray-100);padding:0}.markdown-content blockquote{background-color:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;margin-bottom:var(--spacing-md);padding:var(--spacing-md);padding-left:var(--spacing-lg)}.markdown-content table{border-collapse:collapse;margin-bottom:var(--spacing-md);width:100%}.markdown-content td,.markdown-content th{border:1px solid var(--color-gray-200);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.markdown-content th{background-color:var(--color-gray-100);font-weight:600}.history-card{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.history-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.history-card-content{flex:1;min-width:0}.history-card-type{align-items:center;border-radius:var(--border-radius-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.history-card-type.workflow{background-color:var(--color-primary-light);color:var(--color-primary)}.history-card-type.formation{background-color:#fae8ff;color:#a855f7}.history-card-brief{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-card-meta{color:var(--color-gray-400);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.history-card-status{font-size:var(--font-size-lg);margin-left:var(--spacing-md)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.hidden{display:none}.w-full{width:100%}.app-loading{align-items:center;background-color:var(--color-gray-50);display:flex;justify-content:center;min-height:100vh}