.main-layout{display:flex;height:100vh;overflow:hidden;font-family:sans-serif;color:#a8d9ff;background:radial-gradient(circle at center,#0a0a14,#02020a 85%)}.side-bar{width:20%;min-width:200px;background-color:#050511;padding:1rem;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.info-panel{flex:1;display:flex;flex-direction:column;height:100%}.header{flex:0 0 30%;background-color:#111827;background-size:cover;background-position:center;background-repeat:no-repeat;padding:1rem;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;align-items:center;color:#fff;font-size:x-large;font-family:monospace;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.details-view{flex:1;background-color:#050511;padding:1rem;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.sideBarItemButton{background-color:#2196f31a;color:#a8cfff;border:1px solid #2196f3;padding:.75rem 1rem;width:100%;cursor:pointer;transition:background-color .2s ease-in-out;border-radius:.375rem;font-size:larger}.sideBarItemButton:hover{background-color:#2196f34d}.sideBarItemButton:disabled{opacity:.5;cursor:not-allowed}.sideBarItemButton.selected{background-color:#2563eb;font-weight:600;color:#fff}.detailsButton{background-color:#2196f31a;color:#a8cfff;border:1px solid #2196f3;padding:.75rem 1.25rem;width:fit-content;cursor:pointer;transition:background-color .2s ease-in-out;border-radius:.375rem;font-size:1rem}.detailsButton:hover{background-color:#2196f34d}.detailsButton:disabled{opacity:.5;cursor:not-allowed}.detailsButton.selected{background-color:#3b82f6;font-weight:600;color:#fff}.inputField{padding:.75rem 1rem;width:100%;max-width:400px;font-size:1rem;border:1px solid #ccc;border-radius:.375rem;background-color:#11121a;color:#f1f1f1;outline:none}.inputFieldLarge{padding:1rem 1.25rem;width:100%;max-width:600px;font-size:1rem;min-height:150px;border:1px solid #ccc;border-radius:.375rem;background-color:#11121a;color:#f1f1f1;outline:none;resize:vertical}.formContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4rem;padding-inline:2rem;gap:1rem;min-height:100vh}body{background:radial-gradient(circle at center,#0a0a14,#02020a 85%);background-attachment:fixed;background-size:cover;margin:0;padding:0;color:#a8d9ff;font-family:sans-serif}