:root{--navy:#312d2a;--navy-light:#3d3835;--navy-lighter:#4a4441;--gold:#c74634;--gold-light:#d4685a;--gold-dark:#a93a2e;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--success:#28a745;--success-light:#d4edda;--success-dark:#1e7e34;--warning:#f0ad4e;--warning-light:#fff3cd;--warning-dark:#d39e00;--error:#dc3545;--error-light:#f8d7da;--error-dark:#bd2130;--info:#17a2b8;--info-light:#d1ecf1;--sidebar-width:240px;--header-height:0px;--content-padding:24px;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 40px #00000026;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--gray-900);background:var(--gray-50);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--navy);min-height:100vh;color:var(--white);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff14;padding:24px 20px 16px}.sidebar-brand-title{color:var(--gold);letter-spacing:.5px;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.sidebar-brand-subtitle{color:var(--gray-500);letter-spacing:.3px;margin-top:4px;padding-left:34px;font-size:.75rem}.sidebar-nav{flex:1;padding:12px 0}.sidebar-link{color:var(--gray-400);transition:all var(--transition-fast);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:.875rem;font-weight:500;display:flex}.sidebar-link:hover{color:var(--white);background:var(--navy-light)}.sidebar-link.active{color:var(--gold);background:var(--navy-light);border-left-color:var(--gold)}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.main-content{margin-left:var(--sidebar-width);padding:var(--content-padding);background:var(--gray-50);flex:1;min-height:100vh}.page-header{margin-bottom:24px}.page-header h1{color:var(--navy);font-size:1.5rem;font-weight:700}.page-header p{color:var(--gray-600);margin-top:4px;font-size:.875rem}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden}.card-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-header h2,.card-header h3{color:var(--navy);font-size:1rem;font-weight:600}.card-body{padding:20px}.card-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);padding:12px 20px}.card-stat{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);align-items:flex-start;gap:16px;padding:20px;display:flex}.card-stat-icon{border-radius:var(--border-radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-stat-icon.gold{color:var(--gold-dark);background:#c5a5721f}.card-stat-icon.navy{color:var(--navy);background:#0a162814}.card-stat-icon.success{background:var(--success-light);color:var(--success-dark)}.card-stat-icon.warning{background:var(--warning-light);color:var(--warning-dark)}.card-stat-value{color:var(--navy);font-size:1.75rem;font-weight:700;line-height:1.2}.card-stat-label{color:var(--gray-600);margin-top:2px;font-size:.8125rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0;width:18px;height:18px}.btn-primary{background:var(--gold);color:var(--navy)}.btn-primary:hover:not(:disabled){background:var(--gold-dark)}.btn-secondary{background:var(--navy);color:var(--white)}.btn-secondary:hover:not(:disabled){background:var(--navy-lighter)}.btn-outline{color:var(--navy);border:1px solid var(--gray-300);background:0 0}.btn-outline:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400)}.btn-ghost{color:var(--gray-700);background:0 0;padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-danger{background:var(--error);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--error-dark)}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{border-radius:var(--border-radius-sm);padding:8px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);background:var(--gray-50);border-bottom:2px solid var(--gray-200);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:600}table td{color:var(--gray-800);border-bottom:1px solid var(--gray-200);vertical-align:middle;padding:12px 16px;font-size:.875rem}table tbody tr{transition:background var(--transition-fast)}table tbody tr:hover{background:var(--gray-50)}table tbody tr:last-child td{border-bottom:none}table tbody tr.clickable{cursor:pointer}table tbody tr.clickable:hover{background:#c5a5720f}.badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-completed,.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-processing,.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-failed,.badge-error{background:var(--error-light);color:var(--error-dark)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--gray-200);color:var(--gray-700)}.badge-gold{color:var(--gold-dark);background:#c5a57226}.tabs{border-bottom:2px solid var(--gray-200);gap:0;margin-bottom:20px;display:flex;overflow-x:auto}.tab{color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:.875rem;font-weight:500}.tab:hover{color:var(--navy)}.tab.active{color:var(--gold-dark);border-bottom-color:var(--gold);font-weight:600}.form-group{margin-bottom:16px}.form-label{color:var(--gray-700);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);width:100%;color:var(--gray-900);background:var(--white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c5a57226}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-textarea{resize:vertical;min-height:80px}.form-help{color:var(--gray-500);margin-top:4px;font-size:.75rem}.form-error{color:var(--error);margin-top:4px;font-size:.75rem}.form-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.upload-zone{border:2px dashed var(--gray-300);border-radius:var(--border-radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--white);padding:48px 32px}.upload-zone:hover{border-color:var(--gold);background:#c5a57208}.upload-zone.drag-over{border-color:var(--gold);background:#c5a57214;box-shadow:0 0 0 4px #c5a5721f}.upload-zone.uploading{pointer-events:none;opacity:.7}.upload-zone-icon{width:56px;height:56px;color:var(--gold);margin:0 auto 16px}.upload-zone-title{color:var(--navy);margin-bottom:4px;font-size:1rem;font-weight:600}.upload-zone-subtitle{color:var(--gray-500);font-size:.875rem}.upload-zone-subtitle span{color:var(--gold-dark);font-weight:600}.progress-bar-track{background:var(--gray-200);border-radius:4px;width:100%;height:8px;margin-top:16px;overflow:hidden}.progress-bar-fill{background:var(--gold);height:100%;transition:width var(--transition-base);border-radius:4px}.split-view{border-radius:var(--border-radius);border:1px solid var(--gray-200);background:var(--white);gap:0;height:calc(100vh - 104px);display:flex;overflow:hidden}.split-view-left{border-right:1px solid var(--gray-200);background:var(--gray-50);flex:1;min-width:0;overflow-y:auto}.split-view-right{background:var(--white);flex:1;min-width:0;overflow-y:auto}.split-view-header{background:var(--white);border-bottom:1px solid var(--gray-200);color:var(--navy);z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.8125rem;font-weight:600;display:flex;position:sticky;top:0}.split-view-body{padding:16px}.split-view-resizer{cursor:col-resize;background:var(--gray-200);width:6px;transition:background var(--transition-fast);flex-shrink:0}.split-view-resizer:hover{background:var(--gold)}.chat-container{border-radius:var(--border-radius);border:1px solid var(--gray-200);background:var(--white);flex-direction:column;height:calc(100vh - 104px);display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--border-radius-lg);word-wrap:break-word;max-width:75%;padding:12px 16px;font-size:.875rem;line-height:1.6}.chat-bubble.user{background:var(--navy);color:var(--white);border-bottom-right-radius:var(--border-radius-sm);align-self:flex-end}.chat-bubble.assistant{background:var(--gray-100);color:var(--gray-900);border-bottom-left-radius:var(--border-radius-sm);align-self:flex-start}.chat-bubble-meta{color:var(--gray-500);margin-top:4px;font-size:.6875rem}.chat-bubble.user .chat-bubble-meta{color:#ffffff80;text-align:right}.chat-input-area{border-top:1px solid var(--gray-200);background:var(--white);align-items:flex-end;gap:12px;padding:16px 20px;display:flex}.chat-input-area .form-textarea{resize:none;min-height:44px;max-height:120px}.chat-sidebar{border-right:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;width:260px;overflow-y:auto}.chat-session-item{border-bottom:1px solid var(--gray-200);cursor:pointer;transition:background var(--transition-fast);padding:12px 16px}.chat-session-item:hover{background:var(--gray-100)}.chat-session-item.active{background:var(--white);border-left:3px solid var(--gold)}.chat-session-item h4{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.8125rem;font-weight:600;overflow:hidden}.chat-session-item span{color:var(--gray-500);font-size:.75rem}.editable-field{border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:4px 8px}.editable-field:hover{border-color:var(--gray-300);background:#c5a5720f}.editable-field.editing{border-color:var(--gold);background:var(--white);box-shadow:0 0 0 3px #c5a57226}.json-key{color:var(--navy);font-weight:600}.json-string{color:#28a745}.json-number{color:#d63384}.json-boolean{color:var(--info)}.json-null{color:var(--gray-500)}.empty-state{text-align:center;color:var(--gray-500);padding:48px 32px}.empty-state svg{width:48px;height:48px;color:var(--gray-400);margin:0 auto 16px}.empty-state h3{color:var(--gray-700);margin-bottom:4px;font-size:1rem;font-weight:600}.empty-state p{color:var(--gray-500);font-size:.875rem}.alert{border-radius:var(--border-radius-sm);align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.875rem;display:flex}.alert svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.alert-success{background:var(--success-light);color:var(--success-dark)}.alert-warning{background:var(--warning-light);color:var(--warning-dark)}.alert-error{background:var(--error-light);color:var(--error-dark)}.alert-info{background:var(--info-light);color:var(--info)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-wrapper .tooltip-text{visibility:hidden;opacity:0;background:var(--navy);color:var(--white);border-radius:var(--border-radius-sm);white-space:nowrap;transition:all var(--transition-fast);z-index:1000;padding:6px 10px;font-size:.75rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}.spinner-lg{border-width:4px;width:56px;height:56px}.spinner-message{color:var(--gray-600);text-align:center;font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeIn}.skeleton{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);border-radius:var(--border-radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.sidebar::-webkit-scrollbar-thumb{background:var(--navy-lighter)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.text-gold{color:var(--gold)}.text-navy{color:var(--navy)}.text-muted{color:var(--gray-600)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:SF Mono,Fira Code,Consolas,monospace}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mr-2{margin-right:8px}.ml-2{margin-left:8px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-3{padding-left:12px;padding-right:12px}.py-2{padding-top:8px;padding-bottom:8px}.w-full{width:100%}.h-full{height:100%}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.border{border:1px solid var(--gray-200)}.border-b{border-bottom:1px solid var(--gray-200)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.cursor-pointer{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.sidebar{width:64px}.sidebar-brand-subtitle,.sidebar-link span,.sidebar-brand-title span{display:none}.sidebar-link{justify-content:center;padding:12px}.main-content{margin-left:64px;padding:16px}.stats-grid{grid-template-columns:1fr}.split-view{flex-direction:column;height:auto}.split-view-left,.split-view-right{border-right:none;border-bottom:1px solid var(--gray-200);max-height:50vh}.chat-sidebar{display:none}}