*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#111827;line-height:1.6}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0;position:sticky;top:0;z-index:50}.header-content{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{height:40px;width:auto}.header-title{font-size:1.5rem;font-weight:700;color:#111827}.header-center{display:flex;gap:2rem}.statistics-counter{display:flex;align-items:center;gap:.5rem;background:#f9fafb;padding:.5rem 1rem;border-radius:.5rem;border:1px solid #e5e7eb}.statistics-label{font-size:.875rem;color:#6b7280;font-weight:500}.statistics-value{font-size:1rem;color:#2563eb;font-weight:700}.header-right{display:flex;gap:1rem}.about-button{display:flex;align-items:center;gap:.5rem;background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.about-button:hover{background:#1d4ed8}.tab-navigation{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;max-width:1280px;margin-left:auto;margin-right:auto;padding:0 1rem}.tab-button{background:none;border:none;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-button:hover{color:#111827}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.main-container{max-width:1280px;margin:0 auto;padding:.5rem 1rem 2rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.card-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f3f4f6}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:all .2s}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{min-height:100px;resize:vertical}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280}.loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation-fill-mode:both}.session-indicator{position:relative;display:inline-block}.session-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.session-badge:hover{background:#e5e7eb;box-shadow:0 2px 4px #0000001a}.session-icon{font-size:1rem}.session-text{font-weight:500;color:#374151}.model-count{color:#6b7280;font-size:.75rem}.session-details{position:absolute;top:100%;right:0;margin-top:.25rem;z-index:1000}.session-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:1rem;box-shadow:0 10px 15px -3px #0000001a;min-width:250px}.session-detail-item{margin-bottom:.5rem;font-size:.875rem}.session-info-text{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.5rem;padding:1.5rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.25rem;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#111827}.modal-text{margin-bottom:1rem;line-height:1.6}.modal-text:last-child{margin-bottom:0}.modal-text strong{color:#111827;font-weight:600}.modal-text ul{margin-left:1.5rem;margin-top:.5rem}.modal-text li{margin-bottom:.25rem}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem}.header-center{order:2}.header-right{order:3}}.text-center{text-align:center}.text-right{text-align:right}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.hidden{display:none}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.text-success{color:#10b981}.text-error{color:#ef4444}.text-warning{color:#f59e0b}.text-info{color:#3b82f6}.bg-success-light{background-color:#d1fae5}.bg-error-light{background-color:#fee2e2}.bg-warning-light{background-color:#fef3c7}.bg-info-light{background-color:#dbeafe}