.app-container{display:flex;flex-direction:column;height:100vh}.main-layout{display:flex;flex:1;overflow:hidden}#side-bar{border-right:1px solid #e5e5e5;height:100vh;overflow-y:auto;position:sticky;top:0}#main-content{background-color:#f9f9f9;flex:1;overflow-y:auto;padding:1rem}.sticky-header{align-items:center;background-color:#fff;background:linear-gradient(180deg,#ffefef,#fff);box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:1rem;position:sticky;top:0;width:100%;z-index:1000}.search-input{background-color:#fff;border:1px solid #ccc;border-radius:5px 0 0 5px;color:#333;flex:1;font-size:1rem;outline:none;transition:border-color .3s}.search-input:focus{border-color:#cb1929}.search-button{background-color:#cb1929;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s,transform .2s}.search-button:hover{background-color:#a71520;transform:scale(1.05)}.results{margin-top:2rem;max-width:800px;width:100%}.result{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:1rem;padding:1rem;transition:box-shadow .3s,transform .2s}.result:hover{box-shadow:0 6px 10px #00000026;transform:translateY(-3px)}.loading{align-items:center;color:#cb1929;display:flex;font-size:1.25rem;gap:.5rem;margin-top:2rem;text-align:center}.loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#cb1929;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.error{color:#ff5252;font-size:1.25rem;margin-top:2rem;text-align:center}