:root{--primary-color: #ff4b4b;--background-color: #f0f2f6;--secondary-background-color: #ffffff;--text-color: #31333F;--font: "Source Sans Pro", sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--background-color)}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;transition:all .2s ease}button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.app-container{width:100%;min-height:100vh}.annotation-selector-page{background:#f7f7f7;padding:0;display:flex;flex-direction:column;flex:1;gap:0}.container{max-width:100%;margin:0;background:#fff;border-radius:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;flex:1;margin-top:-.5rem}.page-header{background:#011d3f;color:#fff;padding:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.header-text{flex:1;text-align:center}.page-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:600}.subtitle{margin:0;opacity:.9;font-size:1rem}.header-logo{height:40px;width:auto;filter:brightness(0) invert(1)}.form-container{padding:1rem 2rem;min-height:300px;flex:1}.mode-selector{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #EEF0EF}.mode-btn{flex:1;padding:1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#7d7d7d;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover:not(:disabled){color:#011d3f;background:#f7f7f7}.mode-btn.active{color:#011d3f;border-bottom-color:#011d3f;font-weight:600}.mode-btn:disabled{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:1.5rem}.selection-container .form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#202020;font-size:.95rem}.required{color:#dc3545}.optional-label{color:#7d7d7d;font-weight:400;font-size:.85rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid #C8CECB;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-textarea{resize:vertical;min-height:200px;line-height:1.5}.form-input:focus,.form-textarea:focus{outline:none;border-color:#03358c}.form-input:disabled,.form-textarea:disabled{background-color:#f7f7f7;cursor:not-allowed}.char-count{text-align:right;font-size:.85rem;color:#7d7d7d;margin-top:.25rem}.case-id-display{margin-bottom:1.5rem;padding:1rem;background:#d8fee1;border:2px solid #0ED53C;border-radius:8px;color:#056a1c;font-size:1rem}.loading-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-top:1rem;background:#f0f8ff;border:2px solid #84aff5;border-radius:8px;color:#03358c;font-size:1rem;font-weight:500}.problem-list-section{background:#f7f7f7;border-radius:8px;padding:1rem;margin-top:.5rem}.instruction-text{margin:0 0 1rem;padding:.75rem;background:#fff9e6;border-left:4px solid #FFA500;color:#664d00;font-size:.9rem;line-height:1.4;border-radius:4px}.problem-table-container{background:#fff;border-radius:8px;overflow-x:auto;margin-bottom:1rem}.problem-table{width:100%;border-collapse:collapse;font-size:.9rem}.problem-table thead{background-color:#011d3f;color:#fff}.problem-table th{padding:.75rem;text-align:left;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.problem-table tbody tr{border-bottom:1px solid #EEF0EF}.problem-table tbody tr:last-child{border-bottom:none}.problem-table td{padding:.5rem}.table-input{width:100%;padding:.5rem;border:1px solid #C8CECB;border-radius:4px;font-size:.9rem;font-family:inherit}.table-input:focus{outline:none;border-color:#03358c}.actions-cell{text-align:center;width:60px}.remove-btn{padding:.25rem .5rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;line-height:1;transition:background .2s}.remove-btn:hover{background:#c82333}.add-row-btn{width:auto!important}.search-dropdown-wrapper{position:relative}.search-results{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;border:2px solid #03358C;border-top:none;border-radius:0 0 8px 8px;margin-top:-2px;background:#fff;box-shadow:0 4px 6px #0000001a;z-index:1000}.search-result-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #EEF0EF;transition:background-color .2s}.search-result-item:hover{background-color:#f7f7f7}.search-result-item.selected{background-color:#d8fee1;border-left:4px solid #0ED53C}.search-result-item:last-child{border-bottom:none}.no-results{padding:2rem;text-align:center;color:#7d7d7d;font-style:italic}.button-group{display:flex;gap:1rem;margin-top:2rem}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:#011d3f;color:#fff;flex:1}.btn-primary:hover:not(:disabled){background:#03358c;transform:translateY(-2px);box-shadow:0 4px 12px #011d3f4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#eef0ef;color:#202020}.btn-secondary:hover:not(:disabled){background:#c8cecb}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{margin-bottom:2rem;padding:1.5rem;border-radius:8px;animation:slideIn .3s ease-out;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert h3{margin:0 0 .5rem;font-size:1.1rem}.alert p{margin:.5rem 0}.alert-error{background-color:#fcd1d5;border:2px solid #DC3545;color:#820915}.alert-success{background-color:#d4edda;border:2px solid #28A745;color:#155724}.close-alert{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.close-alert:hover{opacity:1}.page-footer{background:#f7f7f7;padding:.75rem 2rem;text-align:center;border-top:1px solid #EEF0EF;margin-top:auto;flex-shrink:0}.page-footer p{margin:0;color:#4e4e4e;font-size:.9rem;line-height:1.5}.annotation-view{width:100%;min-height:600px}.annotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #EEF0EF}.annotation-navigation{display:flex;align-items:center;gap:1.5rem}.annotation-header h2{margin:0;font-size:1.5rem;color:#011d3f;font-weight:600}.structured-data-header .annotation-navigation h2{margin:0;font-size:1.3rem;color:#011d3f;font-weight:600}.annotation-actions{display:flex;gap:1rem;align-items:center}.structured-data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.structured-data-header h3{margin:0;font-size:1.1rem;color:#011d3f;font-weight:600}.save-success{color:#28a745;font-weight:600;font-size:.9rem;animation:fadeInOut 3s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.btn-nav{background:#eef0ef;color:#011d3f;padding:.5rem 1rem;font-size:.9rem;border:2px solid #C8CECB;display:flex;align-items:center;gap:.5rem}.btn-nav:hover:not(:disabled){background:#03358c;color:#fff;border-color:#03358c}.btn-nav:disabled{opacity:.4;cursor:not-allowed;background:#f7f7f7;color:#7d7d7d;border-color:#eef0ef}.annotation-content{display:grid;grid-template-columns:2fr 3fr;gap:2rem}.annotation-text-panel,.annotation-tables-panel{min-width:0}.annotation-text-panel h3,.annotation-tables-panel h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#31333f}.annotation-text-panel{align-self:start}@media(max-width:768px){.annotation-selector-page{padding:1rem}.page-header{padding:1.5rem}.header-content{flex-direction:column;gap:1rem}.page-header h1{font-size:1.5rem}.header-logo{height:32px}.form-container{padding:1.5rem}.mode-selector{flex-direction:column;gap:0}.mode-btn{border-bottom:1px solid #EEF0EF}.mode-btn.active{border-left:4px solid #011D3F;border-bottom-color:#eef0ef}.button-group{flex-direction:column}.btn{width:100%}.problem-table{font-size:.8rem}.problem-table th,.problem-table td{padding:.5rem .25rem}.table-input{padding:.4rem;font-size:.85rem}.annotation-content{grid-template-columns:1fr}.annotation-header{flex-direction:column;align-items:flex-start;gap:1rem}.annotation-navigation{width:100%;justify-content:space-between}.annotation-navigation h2{font-size:1.2rem}.btn-nav{font-size:.85rem;padding:.4rem .75rem}.annotation-actions{width:100%;flex-direction:column}.annotation-actions .btn{width:100%}.annotation-text-panel{position:static}}